---
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 هذا للارتباط بملفات مستضافة على جيثب