اكتشف أفضل 15 امتدادًا لمتصفح للمطورين

إذا قمت بالاشتراك في خدمة من رابط على هذه الصفحة ، فقد تحصل شركة Reeves and Sons Limited على عمولة. انظر لدينا بيان الأخلاق.

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

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

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

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

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

1. بنيت مع

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

2. فأس

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

3. ColorZilla

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

4. مطور ويب

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

5. تصنيف ووو

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

6. Tab2QR

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

7. صانع طلب HTTP

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

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

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

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

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

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

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

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

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

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

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

13. التمهيد Responsive المساعد

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

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

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

15. نظارات X-Ray

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

رأس الصورة مجاملة من مونيكا بولا

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

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

التعليقات الردود 0

اترك تعليق

لن يتم نشر عنوان بريدك الإلكتروني. الحقول المشار إليها إلزامية *

التقييم *

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.