gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
d03c71b9905a43c8a3a7ffe14c2a14bcc3e0b51f
freeCodeCamp/guide/arabic/miscellaneous/known-issues-with-codepen/index.md
Lipis 504728857f Replace Github -> GitHub (Arabic) (#35169)
2019-02-12 10:28:06 -08:00

3.7 KiB
Raw Blame History

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