يمكن أن تكون مهام تطوير الويب أقل صعوبة مع هذه الاضافات المفيدة لـ متصفح مايكروسوفت ايدج Microsoft Edge.
بالنسبة للمطور ، قد يكون استخدام العديد من الأدوات المخصصة لكل مهمة مميز اكثر.
ومع ذلك ، يمكن أن تجعلك الوظائف الإضافية لمستعرض الويب أكثر إنتاجية من خلال توفير الوصول إلى ميزات متنوعة من منصة تصفح واحدة.
جميع المتصفحات المشهورة تأتي مع ملحقات للمحترفين. وإذا كنت تستخدم Microsoft Edge ، يمكن أن تصبح مهام التطوير أسهل مع بعض الوظائف الإضافية للمستعرض.
في هذه المقالة، سنناقش أفضل الاضافات لمتصفح Microsoft Edge التي يجب على مطوري الويب استخدامها.
أفضل الاضافات لمتصفح مايكروسوفت ايدج Microsoft Edge للمطورين
1. React Developer Tools
هي إضافة لمتصفح الويب. ستضيف علامتي تبويب جديدتين باسم المكونات وملف التعريف في Edge DevTools.
ستحتاج الوظيفة الإضافية مفتوحة المصدر إلى إذنك للوصول إلى شجرة React للصفحة.
تعرض علامة التبويب "المكونات" مكونات جذر React للصفحة جنبًا إلى جنب مع المكونات الفرعية. حدد أي مكون من الشجرة لفحص وتعديل الدعائم الحالية والحالة والخطافات في اللوحة اليمنى.
يمكنك أيضًا استخدام هذه الإضافة لمعرفة ما إذا كان التطبيق يحتوي على React.js أم لا. باستخدام علامة التبويب منشئ ملفات التعريف ، يمكن للمطورين تسجيل معلومات الأداء.
2. Octotree-GitHub
إذا كنت بصدد تحليل كود GitHub ، فإن إضافة Octotree يمكن أن تعزز تجربة مراجعة واستكشاف كود GitHub.
يعرض لك شجرة رموز تشبه IDE ويتيح لك إجراء عمليات البحث عن الملفات والمجلدات.
هذه الوظيفة الإضافية عالية الأداء قادرة على العمل مع مستودعات من أي حجم. إلى جانب ذلك ، فهو يدعم المستودعات الخاصة ويسمح لك بوضع إشارة مرجعية على طلبات السحب وإعادة الشراء والملفات والمشكلات.
يمكنك أيضًا الاشتراك في إصدار PRO من هذه الوظيفة الإضافية للحصول على بعض الميزات الإضافية.
يتضمن ذلك دعم حسابات GitHub المتعددة و GitHub Enterprise ، وعلامات تبويب متعددة ، وإعدادات خط الكود ، وسحب مراجعة كود الطلب ، وسمات أيقونة الملف ، وتغيير موضع الإرساء.
3. Accessibility Insights for Web
هي عبارة عن إضافة في متصفح Microsoft Edge تتيح لك تحديد مشكلات إمكانية الوصول وإصلاحها في العديد من تطبيقات الويب ومواقع الويب. يمكنك استخدامه للتحقق من الامتثال لحوالي 50 من أحكام إمكانية الوصول.
بفضل الإرشادات الواضحة والمساعد المرئي ، يمكنك التعرف بسرعة على مشكلات الوصول إلى لوحة المفاتيح الحيوية ، بما في ذلك اعتراضات لوحة المفاتيح ، وعلامات الجدولة المفقودة ، وترتيب علامات التبويب غير الصحيح.
كما يساعدك أيضًا في إجراء عملية من خطوتين لتحديد مشكلات إمكانية الوصول الشائعة ولكن عالية التأثير في غضون بضع دقائق. ومع ذلك ، فأنت بحاجة إلى Microsoft Edge Insider v.75 أو إصدار احدث لاستخدام هذه الإضافة.
4. Design Analysis
يعد تحليل كود HTML للصفحة مهمة متكررة للمطور.
بمساعدة إضافة "تحليل التصميم" ، يمكنك تحليل صفحة HTML عن طريق تمكين وتعطيل المكونات المختلفة لتلك الصفحة.
تتيح لك تعطيل CSS الداخلي والخارجي ، وإخفاء الصور وصور الخلفية ، وعرض سمات بديل للصور ، وعناوين الخطوط العريضة ، والإطارات ، والارتباطات الخارجية ، والجداول ، والعناصر العائمة ، وما إلى ذلك.
إلى جانب ذلك ، تأتي هذه الإضافة مع أدوات متنوعة تساعدك على عرض العناصر المخفية ، وإعادة تحميل الصور وملفات CSS الخارجية ، وعرض كود المصدر ، وخطي الصفحات ، وتمييز جميع الروابط على أنها تمت زيارتها أو لم تتم زيارتها.
لا تخزن هذه الوظيفة الإضافية أو تشارك أي بيانات تعريف شخصية. تبقى جميع المعلومات المطلوبة لعمله في جهازك.
5. Save as MHTML
باستخدام إضافة Save as MHTML ، يمكن للمطورين حفظ صفحة الويب الحالية بتنسيق MHTML (MIME HTML) / MHT.
تأتي الإضافة مع زر شريط أدوات للاستخدام السهل. يقوم بحفظ جميع الروابط عبر الإنترنت بتنسيق غير متصل.
MHTML هو تنسيق ملف أرشيف يحفظ محتوى صفحة الويب للعرض دون اتصال.
بحيث يدمج نوع الملف جميع الموارد مثل الصور والتطبيقات الصغيرة ورسوم الفلاش المتحركة في مستندات HTML أثناء العملية.
تحتوي الإضافة على أداتين مختلفتين يمكنك استخدامهما لتحرير محتوى صفحة الويب للصفحة قبل حفظها في ملف MHTML.
يمكنك اختيار وضع التصميم لمهام مثل تغيير تنسيق النص إلى غامق ومائل أو إضافة صورة أو إزالة أي محتوى.
أو يمكنك تحديد قسم من الصفحة واطلب من هذه الوظيفة الإضافية إنشاء مستند جديد منها.
6. Cookie-Editor
للمطورين علاقة لا غنى عنها بملفات تعريف الارتباط. يعد Cookie-Editor إضافة قوية تتيح لك إجراء عمليات ملفات تعريف الارتباط القياسية أثناء مرحلة تطوير صفحة الويب واختبارها.
تأتي هذه الإضافة مع واجهة سهلة الاستخدام تتيح لك إدارة ملفات تعريف الارتباط يدويًا.
بفضل مساعدتها ، يمكنك إنشاء ملفات تعريف الارتباط وتعديلها وحذفها بسرعة أثناء البقاء في علامة التبويب.
بنقرة واحدة ، سيحذف محرر ملفات تعريف الارتباط جميع ملفات تعريف الارتباط للصفحة الحالية. يمكنه أيضًا استيراد / تصدير ملفات تعريف الارتباط بتنسيق نصي.
7. Node.js V8-inspector Manager (NiM)
Node.js V8 هي إضافة يمكنك استخدامها مع Edge DevTools لتبسيط دورة تطوير Node.js.
يمكنه إدارة دورة حياة النافذة / علامة التبويب الخاصة بـ Edge DevTools ، بحيث تحصل على مزيد من الوقت للتركيز على تصحيح أخطاء التعليمات البرمجية الخاصة بك.
تتيح لك الإضافة Node.js V8 مراقبة جلسات تصحيح الأخطاء المحلية والبعيدة أثناء التحكم في واجهة DevTools يدويًا وتلقائيًا. يمكنك أيضًا استخدامه لتصحيح أخطاء عمليات عقدة VSCode وتخصيص المدة بين تحقيقات v8 Inspector.
بفضل مساعدتها ، يمكنك فتح Edge DevTools وإغلاقها تلقائيًا في علامة تبويب أو نافذة وجعل DevTools نشطًا أو غير نشط عند البدء.
تحميك ميزة الفحص الخاصة به من نسخ ولصق عنوان URL الخاص بـ DevTools عن طريق الكشف التلقائي عن عنوان URL الذي تم إنشاؤه عند تشغيل العقدة.
8. BugReplay
BugReplay هي في الأساس إضافة تستخدم لتسجيل الشاشة وتصحيح أخطاء الشبكة.
يساعدك على تسجيل شاشتك متزامنة مع رسائل وحدة تحكم JavaScript وحركة مرور الشبكة.
بفضل هذه الوظيفة الإضافية ، كل ما عليك فعله هو إعادة تتبع الخطوات لالتقاط الأخطاء في الوقت الفعلي.
ليست هناك حاجة لمطور للتواصل ذهابًا وإيابًا مع المستخدمين النهائيين أو المديرين التنفيذيين للدعم.
يمكنهم بسهولة معرفة متى وأين حدث الخطأ من المعلومات المسجلة وحل المشكلة في أي وقت من الأوقات.
يصبح تسجيل الخطأ أمرًا سهلاً باستخدام الوظيفة الإضافية BugReplay.
يمكنك أيضًا مراجعة الخطأ قبل مشاركته مع زملائك. توفر الوظيفة الإضافية أيضًا خيارًا لجعلها عامة.
اختر الإضافات المفضلة لديك للتطوير
من خلال الاطلاع على قائمة الإضافات لـ Microsoft Edge ، يمكنك اختيار تلك التي ستساعدك في أعمال تطوير التطبيقات والويب.
تذكر أن Microsoft Edge يحتوي أيضًا على إضافات أخرى للمستخدمين العاديين.
يمكنك التصفح والعثور على الامتدادات السائدة لمهام أخرى مثل إدارة كلمات المرور.