توصيات لأدوات الوظائف الإضافية للمتصفح للمساعدة في التطوير [مغلق]

Question

هل يمكن لأي شخص أن يقترح بعض الأدوات/الإضافات الجيدة للوظائف الإضافية للمتصفح للمساعدة في التطوير؟لقد قمت بتثبيت برنامج firebug في Firefox وهو أمر رائع للتعامل مع CSS وHTML وjavascript؛أي اقتراحات أخرى؟

فايربوغ

Answer 1

ثعلب النار:

• فحص هذا إذا كنت تستخدم DOM Inspector على الإطلاق
• قيسها، قم بقياسها لإخبارك بمسافات البكسل (إذا كنت بحاجة إلى ذلك)
• عرض آي إي أو عرض سفاري لسهولة الاختبار في المتصفحات الأخرى
• مدقق HTML إذا كنت تهتم بالتحقق من الصحة
• وحدة التحكم² لتحسين وحدة تحكم أخطاء JS الخاصة بك
• ال جافا سكريبت شل يعد التطبيق المختصر مفيدًا أيضًا (وانظر إلى الآخرين هناك أيضًا)

يحرر:هذا بالإضافة إلى شريط أدوات تطوير الويب ذكرها آخرون

Answer 2

لمتصفح فايرفوكس:

فايربوغ رائع للتحقيق والتطوير.

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

أنا كذلك أستعمل رؤوس HTTP الحية (أعتقد أنه تم استدعاؤه، ولكنه موجود على جهاز العمل الخاص بي، لذا لا يمكنني العثور على الرابط الآن).مما ساعدنا في حل مشكلات التخزين المؤقت وما شابه.

أقوم بالكثير من تطوير الهواتف المحمولة، لذلك أستخدمها أيضًا وكيل المستخدم الجلاد.مفيد جدًا للتظاهر بأنه هواتف محمولة مختلفة.

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

Answer 3

الآخر الذي يجب أن يتوفر عليه Firefox هو Chris Pederick شريط أدوات مطور الويب.

Answer 4

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

• الجدول الزمني للشبكة
• وحدة تحكم الخطأ
• مفتش الويب
• محرر القصاصات

بالإضافة إلى أنه يتيح لك تعيين وكيل المستخدم لطلباتك.

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

Answer 5

الأوبرا لديها:

Dragonfly (الأدوات -> المتقدمة -> أدوات المطورين)

قائمة التصحيح

طرق UserJS لاعتراض الأشياء

Opera:config#CompatMode%20Override لفرض المراوغات أو الوضع القياسي

الحاجيات مطور الويب

يمكنك عرض مصدر الملفات وتحريرها وتطبيق التغييرات وإعادة التحميل من ذاكرة التخزين المؤقت.

Answer 6

في حالة IE، يمكن أن تكون الأدوات التالية مفيدة

• شريط أدوات مطور مايكروسوفت - دوم|عارض الأنماط
• مصحح أخطاء HTTP عازف الكمان - مراقبة المتشعب
• مصدر فوري - دوم|عارض الأنماط
• Companion.JS - عارض dom|styles، وحدة تحكم الأخطاء الموسعة

ملحق "uber" لـ IE - "أدوات المطور"، المقدم كجزء من IE8

Answer 7

وحدة تحكم المطور و لقطة DOM للأوبرا:

http://dev.opera.com/tools/

الروعة هي أن هذه الإشارات المرجعية يتم تنفيذها باستخدام JS.الامتصاص هو أنهم يحتاجون إلى Internetz.

Answer 8

ثعلب النار:

افحص هذا إذا كنت تستخدم DOM Inspector على الإطلاق

قم بقياسها لإخبارك بمسافات البكسل (إذا كنت بحاجة إلى ذلك)

IE View أو Safari View لسهولة الاختبار في المتصفحات الأخرى

HTML Validator إذا كنت تهتم بالتحقق من الصحة

Console2 لتحسين وحدة التحكم في أخطاء JS

يعد تطبيق Javascript Shell المرجعي مفيدًا أيضًا (وانظر إلى الآخرين هناك أيضًا)

هذا بالإضافة إلى شريط أدوات تطوير الويب الذي ذكره الآخرون

هذه القائمة من Cebjyre على وشك الاكتمال (نظرًا لأن FireBug قد تم ذكره بالفعل في السؤال).وأود أن أضيف فقط عبث البيانات.من وقت لآخر يكون مفيدًا جدًا.

Answer 9

إليك الإضافات الموجهة نحو التطوير لـ فايرفوكس 3:

1. مطور ويب
2. فايربوغ
   1. فايركوكي
   2. FirePHP
   3. قوس المطر
3. عبث البيانات
4. ملصق
5. FireFTP
6. إعادة تحميل كل
7. بيئة تطوير متكاملة للسيلينيوم

Answer 10

YSlow هو ملحق Firebug رائع لاستكشاف أخطاء وقت تحميل الصفحة وإصلاحها.

Answer 11

بخلاف الأدوات الممتازة التي سبق ذكرها، أجد تشارلز لتكون مفيدة للغاية.خاصة وأنني أقوم بالكثير من العمل باستخدام Flash Remoting الذي يتعامل معه بشكل ممتاز.

Charles هو وكيل HTTP / مراقب HTTP / وكيل عكسي يمكّن المطور من عرض كل حركة مرور HTTP بين أجهزته والإنترنت.يتضمن ذلك الطلبات والاستجابات ورؤوس HTTP (التي تحتوي على ملفات تعريف الارتباط ومعلومات التخزين المؤقت).

يمكن أن يعمل تشارلز كرجل وسط لاتصالات HTTP/SSL، مما يتيح لك تصحيح محتوى جلسات HTTPS الخاصة بك.

إنها منصة مشتركة، وتبلغ تكلفتها 50 دولارًا، ولكن هناك تقييم "30 دقيقة لكل جلسة" يمكنك تنزيله.

Answer 12

إليك ما أستخدمه:

ثعلب النار:

• مفتش دوم:أستخدم هذا أكثر من أي شيء آخر لتطوير الويب
• إطلاق:لفتح المواقع في المتصفحات/التطبيقات الأخرى
• عبث البيانات:يمكن أن يكون هذا مفيدًا لتصحيح أخطاء طلبات GET/POST
• شريط أدوات مطور الويب:يحتوي هذا على العديد من الميزات المفيدة لتصحيح الأخطاء:أدوات التحقق من صحة W3C، المسطرة المضمنة، أدوات تغيير الحجم، معالجة المصدر، أدوات التخزين المؤقت/CSS/البرنامج النصي السهلة

أي:

• شريط أدوات مطور إنترنت إكسبلورر:ليس مفيدًا مثل Firefox، ولكنه على الأقل يمنحك DOM Inspector لائقًا

متنوع:

• ملصقات جيسي المرجعية المفيدة:ال صدَفَة bookmarklet مفيد بشكل خاص
• أنا أيضا تثبيت سفاري و الأوبرا, ، ولكن في الغالب يستخدمونها فقط للاختبار وقياس الأداء نظرًا لأن أدوات التطوير الخاصة بهم ليست قوية مثل Firefox، وليست بها عربات التي تجرها الدواب مثل IE.
• حيوان الوشق:أستخدم هذا للتأكد من أن أي مواقع ثقيلة في JS لا تزال تعمل حتى أكون متأكدًا من أنها ستبدو مناسبة لـ Google وقارئات الشاشة وأي تطبيق آخر يشبه الروبوتات.