وغني عن القول أن التثبيت بسيط للغاية، فما عليك سوى العثور على FireBug في مكتبة المكونات الإضافية على FireFox وسيكون الأمر على ما يرام. الصورة أدناه هي نافذة FireBug Debug.
يتم استخدام FireBug بشكل شائع جدًا من قبل الفنانين، والأخت الفنانة للشركة ماهرة جدًا في ذلك، أما بالنسبة لنا نحن المطورين، فإننا نستخدمه بشكل أساسي لتصحيح أخطاء JS. ألق نظرة على المقدمة الرسمية لوظيفة التصحيح.يتضمن Firebug مصحح أخطاء JavaScript قويًا يتيح لك إيقاف التنفيذ مؤقتًا في أي وقت ومعرفة شكل كل متغير في تلك اللحظة. إذا كانت التعليمات البرمجية الخاصة بك بطيئة بعض الشيء، فاستخدم ملف تعريف JavaScript لقياس الأداء والعثور على الاختناقات بسرعة.
باختصار، يتيح لنا FireBug تصحيح أخطاء JS وعرض المتغيرات في أي وقت، وفي الوقت نفسه اكتشاف اختناقات الأداء في JS.
توضح الصورة أدناه كيفية العثور على JS لتطبيق الويب، وتنشيط Firebug، والنقر فوق Script، ثم تحديد JS الذي تريد تصحيح أخطائه بجوار الكل.
توضح الصورة أدناه كيفية تعيين نقاط التوقف، والتي هي في الأساس نفس الموجودة في Eclipse. انقر على رقم السطر وسيكون الأمر على ما يرام.
يوضح الشكل أدناه كيفية تعيين الشروط على نقاط التوقف، إذا تم استيفاء الشروط، فسيتم إدخال نقطة التوقف هذه الوظيفة جيدة جدًا، خاصة عند تصحيح أخطاء الوظائف المعقدة. توضح الصورة أدناه كيفية تصحيح الأخطاء بخطوة واحدة، تمامًا مثل Eclipse، F11 بخطوة واحدة الصورة أدناه لعرض المكدس المسمى، وهو مفيد جدًا لتصحيح أخطاء JS المعقدة. توضح الصورة أدناه أن عرض المتغيرات هو في الأساس نفس EclipseDebug.الصورة أدناه توضح المتغيرات عند نقطة التوقف.
هناك وظيفة مفيدة للغاية يمكنها التبديل بسرعة بين أسطر التعليمات البرمجية، مما يجعل من السهل تصحيح آلاف أسطر JS.
الصورة أدناه هي نتيجة اختبار الأداء وهي سهلة الاستخدام للغاية.هناك أيضًا وظيفة تسجيل أكثر عملية، انظر الصورة أدناه. إذا كنت لا تريد إدخال نقطة التوقف في كل مرة، فمن الأفضل استخدامها.
هذا هو الاستخدام الأساسي، وآمل أن يكون مفيدًا للجميع.