إنشاء Ultimate Firefox Web Development Profile

عند تكوينه بشكل صحيح ، يمكن أن يصبح فايرفوكس أداة تطوير الويب المثالية ، مما يتيح لك الوصول المباشر إلى الصفحة التي تعمل عليها حتى تتمكن من تصميم صفحتك في الوقت الحقيقي ، أو تصحيح javascript أو حتى تحرير html.

إنشاء ملف تعريف منفصل لتطوير الويب

سيؤدي تثبيت جميع أدوات التطوير هذه إلى جعل Firefox مستعرضًا ثقيلًا جدًا ، لذلك يجب أولاً إنشاء ملف تعريف جديد لمتصفح Firefox.

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

firefox.exe -P WebDev -no-remote

الآن بعد أن قمت بتكوين Firefox مع ملف تعريف منفصل فقط لتطوير الويب ، دعنا نلقي نظرة على الإضافات التي يمكننا استخدامها لجعل فايرفوكس أداة تطوير ويب في نهاية المطاف.

يجب أن يكون امتدادات ويب مطور

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

الحرائق

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

ملحق مطور الويب

واحدة من أفضل التمديدات لسنوات على التوالي. هذا أمر لا بد منه لأي مطور ، لكنك قد سمعت به بالفعل.

ملحق آردفارك

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

Colorzilla

اختيار الألوان بسهولة. لا مزيد من الألم للعثور على الألوان المضمنة في مكان ما في ورقة أنماط.

عرض المصدر مع

يمكنك إعداد ملفات تعريف مصادر عرض متعددة لفتح المصدر في تطبيقات مختلفة.

HTML Validator

تتيح لك هذه الإضافة التحقق من صحة HTML لصفحتك بسهولة وتثبيتها في لوحة View Source.

الشحوم قرد

ليس بالضبط امتداد مطور ويب ، ولكن Greasemonkey رائع ، ليس أقلها القدرة على أتمتة الإجراءات التي يتم إجراؤها بشكل شائع ، والتي تعد أداة توفير الوقت لمطوري الويب.

قيسها، قم بقياسها

يمكنك قياس المسافة بسهولة على الشاشة باستخدام هذا الامتداد. بمجرد قياس منطقة ، يمكنك سحب المستطيل الموجود حول الشاشة لاستخدامه كمقارنة.

عرض IE / IE Tab / OperaView / FirefoxView / عرض سفاري / IE View Lite

تتيح لك هذه الإضافات (اخترها) عرض الصفحة الحالية بسهولة في متصفحات مختلفة. سيسمح لك IE Tab بتشغيل IE داخل علامة تبويب ، إذا كنت مائلاً.

مسح ذاكرة التخزين المؤقت زر

مسح ذاكرة التخزين المؤقت. مفيد بشكل خاص للتحقق من تغييرات CSS الجديدة.

أعد تشغيل Firefox

يعد ملحق Restart Firefox مفيدًا جدًا لإغلاق وإعادة تشغيل فايرفوكس مع جميع علامات التبويب والجلسات دون تغيير.

تاب ميكس بلس

يعد امتداد Tab Mix Plus امتدادًا رائعًا بشكل عام ، ولكنه يحتوي على بعض الميزات المفيدة الأساسية لمطوري الويب: علامة تبويب مكررة ونسخ عنوان URL للصفحة.

YSlow

يعد امتداد YSlow امتدادًا جديدًا من Yahoo يعمل على تحليل صفحتك وإخبارك بالموقع الذي ترتكب فيه الأخطاء. بل سيعطيك أيضًا درجة عن أداء موقعك. ستلاحظ المقياس الصغير في الركن السفلي الأيسر ... فهو يخبرك بالحجم الكلي لصفحتك بالإضافة إلى وقت التحميل. امتداد مفيد جدا ، ولكنه يتطلب تمديد Firebug.

دمية لوريم إيبسوم

سيولد امتداد مولد Dipsy Lipsum محتوى زائفًا لك استنادًا إلى نص Lorem Ipsum الشهير الذي يفيد جدًا في وضع محتوى زائف في موقعك.

مسكة الشاشة!

سيسمح لك ملحق Screengrab بالتقاط لقطات شاشة للصفحات ، ولكن يمكنه تنفيذ شيء لا يمكن لأداة شاشة عادية استخدامه - يمكن أن يأخذ صورة للصفحة بأكملها ، وليس فقط الجزء القابل للعرض.

 

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

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