15 أفضل ملحقات المستعرض للمطورين (2019)

كان أكبر تغيير لـ 2018 هو الإصلاح الرئيسي لـ FireFox ، ومعه طريقة عمل الإضافات في هذا المتصفح. ونتيجة لذلك ، لم يعد يتم الحفاظ على العديد من الوظائف الإضافية الشائعة أو أصبحت غير متوفرة.

تتوفر أيضًا معظم الإضافات لمتصفح فايرفوكس كإضافات لمتصفح Google Chrome. في هذه المقالة ، سنحاول إعطاء الأفضلية للوظائف الإضافية / الإضافات عبر المتصفحات ، والتي تعني في هذا السياق أنها ستعمل على Firefox و Chrome و Chromium. سنمنح أيضًا الأفضلية للإضافات المجانية غير المعروفة لتمرير معلوماتك إلى جهات خارجية ولا يتم دعمها من خلال أرباح الإعلانات. سنركز أكثر على الإضافات التي لا تقيدك بتكنولوجيا تطوير معينة.

قد يرى القليل من المطورين أية ميزة في استخدام Microsoft Edge كمستعرض تطوير ، إلا أنه أمر جيد لاختبار ما بعد التطوير. يمكن توقع استخدام 4 قليلاً فقط في كل زوّار موقع 100 ، على الرغم من أنه من المتوقع زيادة هذا العدد قليلاً مع تخلي المزيد من المستخدمين عن Internet Explorer.

على الرغم من وجود عدد أكبر من مستخدمي Chrome أكثر من مستخدمي Firefox ، فإن مستخدمي تقنية المعلومات يفضلون استخدام Firefox ، وهذا هو السبب في وجود إضافات أكثر وأفضل تستهدف المطورين في Firefox.

لنلقِ نظرة الآن على أفضل إضافات المتصفح للمطورين ولماذا قد ترغب في إضافتها إلى متصفحك.

1. بنيت مع

عندما تجد نفسك على موقع جيد الصنع وتريد أن تعرف كيف صنعته ، سيوفر لك هذا التمديد الكثير من الوقت والجهد في الحفر في شفرة المصدر. روابط التحميل: كروم / الكروم, فايرفوكس

2. فأس

هذه أداة تدقيق إمكانية الوصول. من الأفضل دائمًا تجربة جعل صفحاتك سهلة الوصول قدر الإمكان ، وسيساعدك الفأس في تجنب استبعاد شريحة من المستخدمين من موقعك عن طريق الخطأ. روابط التحميل: كروم / الكروم, فايرفوكس

3. ColorZilla

لا يزال هذا التمديد يسمح لك بتجربة الألوان مباشرة من صفحة واسترجاع رموز الألوان وتوليد التدرجات والمزيد. روابط التحميل: كروم / الكروم, فايرفوكس

4. مطور ويب

يضيف بعض الإضافات المفيدة إلى متصفحك للتحكم في CSS والنماذج والصور والمعلومات. أحد الإضافات الأكثر شعبية على الإطلاق. روابط التحميل: كروم / الكروم, فايرفوكس

5. تصنيف ووو

تحليل أي صفحة ويب لبيانات SEO. يقدم تقريرًا قويًا يعرض لك جميع SEO internals ، بما في ذلك مجموع نقاط SEO ، اقتراحات للتحسين ، سحابة الكلمات الرئيسية ، وأكثر من ذلك بكثير. روابط التحميل: كروم / الكروم, فايرفوكس

6. Tab2QR

أنشئ رمز الاستجابة السريعة للصفحة التي تتصفحها ويمكنك زيارة الصفحة باستخدام هاتفك فقط عن طريق مسح رمز الاستجابة السريعة. جيد لاختبار المواقع سريعة الاستجابة ، حتى إذا لم تقم بإنشائها. روابط التحميل: كروم / الكروم, فايرفوكس

7. صانع طلب HTTP

يمكن أن يكون هذا مفيدًا جدًا لاختبار استجابات نموذج PHP حيث لا تريد بالفعل إرسال النموذج (والذي قد يؤدي إلى معالجة إضافية لا تحتاج إلى اختبارها). مع هذه الأداة ، يمكنك صياغة طلبات HTTP دون عناء. تجدر الإشارة إلى أنه على الرغم من أن إضافات Chrome و Firefox تحمل الاسم نفسه وتفعل نفس الأشياء ، إلا أنها يتم إجراؤها بواسطة مطورين مختلفين وليست متطابقة تمامًا. روابط التحميل: كروم / الكروم, فايرفوكس

8. اختبار أداء الصفحة

الحصول بسرعة على تقرير حول كيفية أداء صفحتك في مراحل مختلفة من رحلتها إلى متصفحك. انها نوع من مثل نسخة أكثر تقدما من ترسرت. هذه الميزة متاحة فقط على متصفح Firefox في الوقت الحالي. هناك إضافات مماثلة للمتصفح Chrome و Chromium ولكنها ليست غنية بالميزات مثل هذه. روابط التحميل: فايرفوكس

9. أداة عدد الكلمات

يمكن فعل هذا في الواقع أكثر مما يوحي به الاسم ، لأنه سيخبرك أيضًا بعدد الأحرف وعدد الجمل ضمن كتلة نصية محددة (أو الصفحة بأكملها). روابط التحميل: كروم / الكروم, فايرفوكس

10. قائمة مراجعة مطوري الويب

تأكد من اتباع أفضل إرشادات ممارسة تطوير الويب باستخدام هذه الأداة التي ستظهر في الأماكن التي ربما تراجعت فيها معاييرك. روابط التحميل: كروم / الكروم, فايرفوكس

11. محرر خريطة الصور

واحد من ثلاثة امتدادات ممتازة من المطور الألماني Heinz-Jürgen Boms ، وهذا ما يفعله بالضبط ما يقوله الاسم. يمكنك إنشاء مخطط صورة مباشرةً في المستعرض فقط من خلال تتبع مناطق الصورة التي تريد تعيينها. روابط التحميل: فايرفوكس

12. محرر الإطار المتقدم

امتداد آخر من Heinz-Jürgen Boms ، هذا هو حقا أداة تصميم CSS حيث يمكنك بناء إطار مباشرة في المتصفح من خلال تحديد سماته. ومن الجدير التحقق من توثيق قبل البدء في استخدامها. روابط التحميل: فايرفوكس

13. Bootstrap Responsive Helper

هذا هو امتداد بسيط للغاية يساعدك على الرؤية بسرعة إذا كانت نقاط التوقف الخاصة بك تعمل بشكل صحيح وما مستوى تمهيد التشغيل هو الوضع الحالي. بالطبع ستحتاج فقط إلى هذا الملحق إذا كنت تعمل بالفعل في Bootstrap. تم تطوير إصدار Chrome بواسطة Jonathan Defraiteur ، وتم تطوير إصدار Firefox بواسطة Kevin Bon. روابط التحميل: كروم / الكروم, فايرفوكس

14. جربه بنفسك محرر HTML5

إذا كنت تفضل إبقاء الأمور بسيطة وحصل فقط على جميع أعمالك من مكان واحد ، فإن هذا التمديد لك. غني بالمميزات ، يعمل هذا المحرر المدروس للسياق مباشرة في المستعرض ويدعم HTML و CSS و JavaScript. إنها أبعد ما تكون عن الكمال ، ولكن لتحرير سريع وقذر دون أن يزعجك فتح تطبيق منفصل ، فإنه ينجز المهمة. روابط التحميل: فايرفوكس

15. نظارات X-Ray

من الناحية الفنية ، هذه ليست امتدادًا ، إنها في الواقع عبارة عن "بووكمركلت". لكنها تعمل بشكل جيد ، لا يمكننا تركها خارج القائمة. على الرغم من أنه مصنوع من قبل Mozilla ، إلا أنه يعمل جيدًا في Chrome نظرًا لأن المتصفحات متوافقة تمامًا مع المعايير. لاستخدامها ، ستحتاج إلى جعل شريط الإشارات المرجعية مرئيًا. انتقل بعد ذلك إلى صفحة التنزيل ، التي يمكنك الوصول إليها عبر الروابط أدناه ، واسحب زر X-Ray Goggles إلى شريط الإشارات المرجعية. بعد ذلك ، تفضل بزيارة أي موقع ، وأطلق إشارة X-Ray Goggles ، وحدد عنصرًا في الصفحة ، ويمكنك تحرير الرمز الخاص به. روابط التحميل: كروم / الكروم, فايرفوكس

رأس الصورة مجاملة من

بوجدان رانسيا

بوجدان هو أحد الأعضاء المؤسسين لشركة Inspired Mag ، حيث اكتسب خبرة تقرب من سنوات 6 خلال هذه الفترة. يحب في وقت فراغه دراسة الموسيقى الكلاسيكية واستكشاف الفنون البصرية. انه مهووس جدا مع إصلاحات كذلك. يمتلك 5 بالفعل.