3.7 KiB
3.7 KiB
title | localeTitle |
---|---|
Known Issues with Codepen | المشاكل المعروفة مع Codepen |
يتم تشجيع المتعلمين Free Code Camp على استخدام Codepen.io لوضع المشاريع ، ويعتبر Codepen مصدرا رائعا لجمع التعليمات البرمجية القابلة للاستخدام بسرعة. ومع ذلك ، يقوم Codepen بتقديم مستوى إضافي من التجريد في عملية تصحيح الأخطاء البرمجية. فيما يلي بعض المشكلات المعروفة التي يمكن أن تقوم برحلتك في Codepen ، إذا لم تكن على علم بها:
- مشكلة عنوان URL مع علامات الربط: يلغي CodePen
<a href='URL'>
عناصر الربط ، مما يعني أنه يجب عليك إضافةtarget='_blank'
إلى عناصر الارتساء - وإلا لن تعمل. - مشكلة المكون الإضافي https: من المعروف أن إضافة Chrome "HTTPS Everywhere" (التي أنشأتها مؤسسة Electronic Frontiers ) تتداخل مع مكالمات AJAX. نظرًا لأن الإضافة تستخدم HTTPS تلقائيًا ، يمكن أن يتسبب في حدوث خطأ "محتوى مختلط" يمنع تحميل بيانات JSON / XML. إذا واجهت مثل هذا الخطأ ، فتأكد من أن المكونات الإضافية ليست هي السبب. اختياريًا ، يمكنك استخدام crossorigin.me كخادم وكيل.
- imgur hotlinking: إذا كنت تستخدم الصور من http://imgur.com فإنها لن تظهر في معظم الوقت ، وهذا يرجع إلى TOS. طريقة لحل هذه المشكلة هي استخدام خدمة بديلة مثل http://postimg.org
- إعادة التحميل التلقائي: بشكل افتراضي ، في كل مرة تقوم فيها بإجراء تغييرات في نوافذ محرر HTML أو JS ، يتم تحديث نافذة المعاينة. يمكنك إيقاف هذا وتمكين "زر التشغيل" ، من خلال الانتقال إلى الإعدادات> السلوك> "هل ترغب في تشغيل زر؟" وإلغاء تحديد المربع.
- location.reload: إذا واجهت مشكلة في التعليمة البرمجية تعمل في طريقة عرض التصحيح أو في JSFiddle ، ولكن ليس في طريقة عرض محرر Codepen أو عرض الصفحة الكاملة ، تحقق مرة أخرى من استخدام
location.reload()
. إذا قمت بذلك ، يجب عليك إيجاد طريقة أخرى لتحقيق المطلوب ، لأن Codepen سيقوم بتجريدlocation.reload
ويترك فقط()
في التعليمات البرمجية. اقرأ المزيد هنا: - عرض الصور ، إضافة ملفات css / js ، المستضافة على Github: قد ترغب في تضمينها في ورقة أنماط مشروع Codepen ، أو ملف الصورة أو js المستضافة على Github. إذا قمت بإضافة ارتباط Github لملفك إلى إعداداتك في Codepen ، أو إلى html / css الخاص بك لن يعمل خارج المربع. ما عليك القيام به هو:
- انتقل إلى الإصدار "الخام" من الملف
- انسخ عنوان URL
- قم بتغيير
raw.githubusercontent.com
إلىrawgit.com
- استخدم عنوان URL هذا للارتباط بملفات مستضافة على جيثب