الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

مطور الويب

يضيف ملحق مطور الويب أدوات مطور الويب المختلفة إلى متصفح. الامتداد متاح للكروم و Edge و Firefox و Opera ، وسيتم تشغيله على أي منصة تدعمها هذه المتصفحات بما في ذلك Windows و OS X و Linux.

يمكن تثبيت الامتداد من صفحته الرئيسية:

  • الصفحة الرئيسية: https://chrispederick.com/work/web-developer/

أو مباشرة من مستودعات تمديد Chrome أو Edge أو Firefox أو Opera:

  • Chrome: https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfknldhhm
  • الحافة: https://microsoftedge.microsoft.com/addons/detail/web-developer/ilbdhapjffldgngeBmnkdodoHjaccm
  • Firefox: https://addons.mozilla.org/en-us/firefox/addon/web-developer/
  • أوبرا: https://addons.opera.com/en/extensions/details/web-developer/

الإعلانات

للحصول على إعلانات حول امتداد مطور الويب بما في ذلك الأخبار حول إصدارات الإصدار التجريبي والمعاينات من الإصدارات القادمة ، تتبع:

  • المدونة: https://chrispederick.com/blog/
  • Mastodon: https://social.lol/@chrispederick

يساعد

يمكن العثور على مساعدة لتمديد مطور الويب على صفحتها الرئيسية:

  • مساعدة: https://chrispederick.com/work/web-developer/help/
  • القضايا المعروفة: https://chrispederick.com/work/web-developer/issues/
  • قائمة المهام: https://chrispederick.com/work/web-developer/to-do/

للإبلاغ عن مشكلة جديدة أو اقتراح ميزة جديدة ، يرجى الاتصال بي:

  • الاتصال: https://chrispederick.com/contact/

المطورين

التقنيات

تم كتابة امتداد مطور الويب في JavaScript و HTML و CSS.

توثيق التمديد

للحصول على معلومات حول كيفية كتابة ملحقات المتصفح ، تحقق من وثائق Chrome و Firefox و Opera:

  • Chrome: https://developer.chrome.com/docs/extensions/
  • الحافة: https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/
  • Firefox: https://developer.mozilla.org/en-us/docs/mozilla/add-ons
  • أوبرا: https://dev.opera.com/extensions/

عملية بناء

يستخدم الامتداد نظام البناء Gulp.

بمجرد تثبيت Gulp ، يتم بناء الامتداد عن طريق تشغيل ما يلي: 

 gulp

لبناء امتداد Chrome أو Edge أو Firefox أو Opera فقط gulp chrome أو gulp edge أو gulp firefox أو gulp opera على التوالي.

عند إنشاء الامتداد ، فإنه ينشئ دلائل build/chrome ، build/edge ، والبناء build/firefox ، build/web-developer-edge.zip البناء build/web-developer-firefox.xpi build/opera ، بالإضافة إلى الإصدارات المعبأة من build/web-developer-opera.nex build/web-developer-chrome.zip .

يمكن تثبيت الامتداد بالكروم أو الحافة أو Firefox أو Opera عن طريق تحميل التمديد غير المعبأ في build/chrome أو build/edge أو build/firefox أو build/opera على التوالي كما هو موضح في توثيق Chrome و Edge و Firefox و Opera.

المكتبات المشمولة

يتم استخدام المكتبات التالية من قبل وإدراجها في الامتداد كما هو:

  • bootstrap: https://getbootstrap.com/
  • Codemirror: https://codemirror.net/
  • Dompurify: https://github.com/cure53/dompurify
  • إعادة تعيين إريك ماير CSS: https://meyerweb.com/eric/tools/css/reset/
  • JS Beautifier: https://github.com/beautify-web/js-beautify
  • matache.js: https://github.com/janl/mustache.js/ تم استيراده من https://unpkg.com/browse/[email protected]/mustache.js

لا ينبغي تغييرها بصرف النظر عن التحديث إلى أحدث إصداراتها لأسباب الصيانة.

أيقونات

الرموز المستخدمة في الامتداد هي من النواة ويجب أن تأتي أي أيقونات جديدة تستخدم في التمديد من هناك من أجل الاتساق.

تكوين المحرر

يتم تضمين ملف EditorConfig لتوحيد نمط الترميز لمحاررين مختلفين.

شكر وتقدير

بدعم من:

  • التصفح

مؤلف

كريس بيريك

  • https://chrispederick.com/
  • https://social.lol/@chrispederick

رخصة

يتم توزيع جميع الملفات مجانًا بموجب شروط رخصة GNU العامة العامة. لا ينطبق هذا على المكتبات أو الرموز المذكورة في قسم المطورين والتي لها تراخيص فردية خاصة بها.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل