كيفية استخدام أدوات المطور ويب فايرفوكس

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

الميزات الجديدة المطور على شبكة الإنترنت فايرفوكس، جنبا إلى جنب مع إضافات رائعة على شبكة الإنترنت المطور مثل فيريبوج وشريط أدوات المطور ويب، وجعل فايرفوكس متصفح مثالي لمطوري الويب.تتوفر جميع الأدوات ضمن مطور ويب في قائمة فايرفوكس.

بادج إنزبكتور

افحص عنصر محدد بالنقر بزر الماوس الأيمن عليه وتحديد افحص ( أو الضغط Q ).يمكنك أيضا تشغيل المفتش من القائمة المطور ويب.

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

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

يمكنك التنقل بين عناصر الأصل والطفل بالنقر فوق مسارات التنقل على شريط الأدوات.

هتمل إنزبكتور

انقر فوق الزر هتمل لعرض كود هتمل للعنصر المحدد حاليا.

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

كس إنزبكتور

انقر فوق الزر النمط للاطلاع على قواعد كس المطبقة على العنصر المحدد.

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

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

جافاسكريبت سكراتشباد

كما شاهد سكراتشباد تحديثا مع فيريفوكس 10، ويحتوي الآن على تمييز بناء الجملة.يمكنك كتابة شفرة جافا سكريبت لتشغيلها في الصفحة الحالية.

مرة واحدة لديك، انقر فوق القائمة تنفيذ وحدد تشغيل. يتم تشغيل التعليمات البرمجية في علامة التبويب الحالية.وحدة تحكم ويب

تقوم وحدة تحكم ويب باستبدال وحدة التحكم بالخطأ القديمة، والتي تم إيقافها وستتم إزالتها في إصدار مستقبلي من فايرفوكس.

تعرض وحدة التحكم أربعة أنواع مختلفة من الرسائل، والتي يمكنك تبديل مستوى الرؤية لها - طلبات الشبكة ورسائل خطأ كس ورسائل خطأ جافا سكريبت ورسائل مطوري الويب.

ما هي رسالة مطور الويب؟انها رسالة مطبوعة على الكائن window.console.على سبيل المثال، يمكننا تشغيل الإطار .console.log( "هيلو وورد")؛ شفرة جافا سكريبت في المسودة لطباعة رسالة مطوري إلى وحدة التحكم.يمكن لمطوري الويب دمج هذه الرسائل في شفرة جافا سكريبت للمساعدة في تصحيح الأخطاء.

قم بتحديث الصفحة وسترى طلبات الشبكة التي تم إنشاؤها والرسائل الأخرى.

استخدم مربع البحث لتصفية الرسائل؛انقر فوق طلب إذا كنت تريد أن ترى المزيد من التفاصيل.

اعتبارا من فايرفوكس 10، يمكن لوحدة تحكم ويب العمل جنبا إلى جنب مع المفتش الصفحة.يمثل متغير $ 0 الكائن المحدد حاليا في المفتش.على سبيل المثال، إذا أردت إخفاء الكائن المحدد حاليا، يمكنك تشغيل $ 0.style.display = "نون" في وحدة التحكم.

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

الحصول على المزيد من الأدوات

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

إذا كنت تستخدم فايرفوكس لبضع سنوات، فقد تتذكر دوم إنزبكتور.لقد تطورت أدوات مطور البرامج المتكاملة في فايرفوكس منذ ذلك الحين.