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