اكتشف أفضل 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. فأس

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

3. ColorZilla

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

4. مطور ويب

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

5. تصنيف ووو

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

6. Tab2QR

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

7. صانع طلب HTTP

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

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

الحصول بسرعة على تقرير حول كيفية أداء صفحتك في مراحل مختلفة من رحلتها إلى متصفحك. انها نوع من مثل نسخة أكثر تقدما من ترسرت. هذه الميزة متاحة فقط على متصفح 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 و JavaScript. إنها أبعد ما تكون عن الكمال ، ولكن لتحرير سريع وقذر دون أن يزعجك فتح تطبيق منفصل ، فإنه ينجز المهمة. روابط التحميل: برنامج فايرفوكس

15. نظارات X-Ray

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

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

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

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

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

اترك تعليق

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

التقييم *

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