دليل لتثبيت Firebug في المتصفحات الرئيسية وأجهزة iOS

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

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

حسنًا ، هنا يأتي دور Firebug Lite لحل احتياجاتك. Firebug Lite هو إصدار أبسط من Firebug ولكن يمكن استخدامه على IE و Opera و Chrome و Safari و iPad و iPhone مع الاحتفاظ بخيارات وميزات مشابهة.

تثبيت Firebug Lite على Opera و Safari و Chrome

مع Firebug Lite ، لا يوجد أي تثبيت ضروري. مكتوب بلغة جافا سكريبت ، يمكنك وضع إشارة مرجعية على رابط Firebug Lite وسيكون جاهزًا للتفتيش على الصفحة. إذن ما عليك القيام به هو ببساطة وضع إشارة مرجعية على الرابط أدناه (يمكنك أيضًا سحب الرابط إلى شريط الإشارات في متصفحك).

Firebug لايت

إذا كنت تستخدم متصفح Chrome ، فيجب أن تظهر الإشارة المرجعية أدناه ، إذا كان شريط الإشارات مرئيًا.

هذا كل شيء ، يجب أن يعمل Firebug Lite الآن عندما تحتاج إلى استخدامه.

استخدام Firebug Lite على Opera و Safari و Chrome

يمكنك الآن استخدام Firebug Lite لفحص أي صفحة ويب تقريبًا. في هذا المثال ، سوف نستخدم Wikipedia.org.

عندما يتم تحميل صفحة الويب ، انقر فوق الإشارة المرجعية لـ Firebug Lite التي قمت بحفظها مسبقًا وستظهر لك مربع وحدة في أسفل صفحة الويب.

إذا قمنا بالإغلاق ، فهذا ما ستراه في أسفل يمين الصفحة.

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

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

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

تثبيت Firebug Lite على iPad و iPhone

Bookmarklets لا تسير على ما يرام مع باد و iPhone. لتثبيت Firebug Lite على iPad و iPhone ، إليك الطريقة التالية:

1. إشارة مرجعية هذه الصفحة على جهاز iPad أو iPhone.

   

2. إعادة تسمية الإشارة المرجعية إلى "Firebug".

   

3. حدد ونسخ كل النص أدناه.

   جافا سكريبت: (وظيفة (F، ط، ص، ه، ب، ش، ز، L، I، T، E) إذا (F.getElementById (ب)) العودة؛ E = F [ط + "NS '] && F. ؟ documentElement.namespaceURI، E = E F [ط + "NS '] (E،' السيناريو '): F [أنا] (' السيناريو ')؛ E [ص] (' الهوية '، ب)؛ E [ص] ( "SRC '، أنا + ز + T)؛ E [ص] (ب، ش)؛ (F [ه] (' رئيس ') [0] || F [ه] (' الهيئة ') [0]). appendChild (E)؛ E =٪ جديد 20Image، E [ص] ( 'SRC'، أنا + L)؛) (الوثيقة، "createElement '،' على SetAttribute '،' getElementsByTagName '،' FirebugLite '،' 4 '، "الحرائق-lite.js '،' الإصدارات / لايت / احدث / الجلد / إكس بي / sprite.png '،' الشبكي: //getfirebug.com/'،'#startOpened ')؛

4. انتقل إلى خيار الإشارة المرجعية واضغط على "تحرير". ثم حدد إشارة "Firebug".

   

5. أزل عنوان URL الأصلي والصقه.

   

6. أختر “فعله” على لوحة المفاتيح الخاصة بك.

الآن ، حاول فتح أي موقع ويب وحدد إشارة مرجعية "Firebug" وسترى Firebug يعمل في أسفل شاشة iPad.

استنتاج

يعتبر Firebug Lite جيدًا بدرجة كافية لإجراء فحص سريع للصفحة. يمكنك عرض html و css وأي نص مستخدم لبناء صفحة الويب. على الرغم من أن Chrome لديه امتداد Web Developer الخاص به ، إلا أن Firebug Lite لا يخيب أملك.