تنزيل console importer - تنزيل كود مصدر console importer

console importer

شفرة المصدر الأخرى

1.0.0

تنزيل

مستورد وحدة التحكم

تجريبي

تثبيت

قم بتثبيته من سوق Chrome الإلكتروني:

https://chrome.google.com/webstore/detail/console-importer/hgajpakhafplebkdljleajgbpdmplhie

الاستخدام

افتح وحدة تحكم أدوات تطوير Chrome، حيث يمكن استخدام وظيفة تسمى $i لاستيراد موارد JavaScript وCSS.

 $i ( 'jquery' )

استيراد إصدار محدد:

 $i ( 'jquery@2' )

يمكنك أيضًا استيراد عنوان URL صالح للبرنامج النصي:

 $i ( 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' )

CSS مدعوم أيضًا:

 $i ( 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' )

استيراد وحدة ES

تم دعم وحدة ES على نطاق واسع في المتصفحات الحديثة. يمكن أن تكون طريقة $i.esm مفيدة في هذه الحالة:

 d3 = await $i . esm ( 'd3' )

أو تحديد الإصدار:

 d3 = await $i . esm ( 'd3@7' )

وتتمثل ميزة هذا الأسلوب في عدم إضافة أي متغيرات عامة إلى النافذة، مما يسمح بتحكم أفضل في نطاق الآثار الجانبية. لمزيد من التفاصيل، راجع https://esm.run.

استكشاف الأخطاء وإصلاحها

س: `$i` لا يعمل كما هو متوقع

بعض مواقع الويب مثل Google Inbox تستخدم بالفعل $i كمتغير عام. هذا الامتداد لا يحل محله.

يمكنك استخدام console.$i على هذه المواقع.

س: `$i` فشلت في استيراد الموارد

في بعض مواقع الويب مثل GitHub، سيفشل $i في استيراد الموارد. قد تكون أخطاء وحدة التحكم كما يلي:

 # js errors example
Refused to connect to ' https://api.cdnjs.com/libraries?search=jquery ' because it violates the following Content Security Policy directive:

# css errors example
Refused to load the stylesheet ' https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css ' because it violates the following Content Security Policy directive:

وذلك بسبب سياسة أمان المحتوى الصارمة لهذه المواقع. لمزيد من المعلومات، راجع wiki سياسة أمان المحتوى (CSP).