freeCodeCamp/guide/arabic/miscellaneous/known-issues-with-codepen/index.md

title	localeTitle
Known Issues with Codepen	المشاكل المعروفة مع Codepen

يتم تشجيع المتعلمين Free Code Camp على استخدام Codepen.io لوضع المشاريع ، ويعتبر Codepen مصدرا رائعا لجمع التعليمات البرمجية القابلة للاستخدام بسرعة. ومع ذلك ، يقوم Codepen بتقديم مستوى إضافي من التجريد في عملية تصحيح الأخطاء البرمجية. فيما يلي بعض المشكلات المعروفة التي يمكن أن تقوم برحلتك في Codepen ، إذا لم تكن على علم بها:

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