ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور

بسم الله الرحمن الرحيم

ما هى الفاير بق ...?

هي إضافة لمتصفح فايرفوكس وأيضا يمكن تنزيلها على (إنترنت اكسبلور ، أوبرا ، سفارى ، جوجل كروم )

تجعل أدوات تطوير الويب في متناول يدك أثناء التصفح

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

مميزاتها :

1- تجدها بسهولة وقت ما تحتاجها

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور FirebugSmall

ضغطة واحدة لتشغيل فاير بق

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور OneClickToStartFirebug

تعرض تلقائيا أكواد html وال css وال dom

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور InstantHTMLCSSDOM

التشغيل أو التعطيل لأي من المزايا

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور EnablingPanels

التصغير أو الغلق

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور MinimizingClosing

أمكان فتح شاشتين للتعديل Ctrl + F12

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور SeveralScreens

F12 هو صديقك

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور UsingF12

فاير بق يستخدم لمطوري الجافا سكربت

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور JavascriptDevs

فاير بق لمهندسي المواقع “مراقبة الشبكة”

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور SiteEngineers

2- فحص وتعديل أكواد الهتمل html

رؤية الكود مباشرة

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور LiveView

رؤية التغيرات بطريقة بارزة

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور HighlightingOfChanges

رؤية النتائج في نفس الوقت

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور InstantEditing

إمكانية حفظ الكود

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور CopySource

3- التعديل في أل css لتخصيصها كما تحتاج

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور TweakCSSToPerfection

فحص ومعرفة طريقة التسلسل في الكود

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenCSS-cascade

معاينة الألوان والصور

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenCSS-tooltip

جرب ، ثم جرب، ثم جرب

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenCSS-edit

أعلى قليلا … أقل قليلا

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenCSS-updown

تعلم مع فاير بق “استخدم الزر لأعلى ولأسفل لعرض الخصائص”

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenCSS-learn

تراه ألان ، لا تراه ألان

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenCSS-disabling

نسخ الألوان والروابط

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenCSS-copy

4- تعرض مقاييس أل
css

قياس كل زاوية

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenLayout-edge

عدل كما شئت

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenLayout-edit

5- مراقبة نشاط الشبكة

مشاهدة حية لتنزيل ملفات الصفحة

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenNet-timeline

مخزنة ام ليست مخزنة

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenNet-cache

استكشاف هيدر برتوكول اتش تى تى بي ”Http header”

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenNet-headers

العرض بناء على المحتوى

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenNet-filter

6- عرض جافا سكربت وتصحيح أخطائها

إيجاد الاسكربت بسهولة

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenScript-listing

إيقاف التنفيذ عند أي خط

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenScript-breakpoint

إيقاف التنفيذ عن وجود شرط معين

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenScript-cond

مشاهدة “expressions”

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenScript-watch

استكشاف المتغيرات

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenScript-tooltip

تسجيل “استدعاء الدوال”

الذهاب مباشرة إلى سطر 108

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenScript-linejump

7- سرعة الوصول إلى الأخطاء

يعتبر شريط الحالة مؤشر للأخطاء

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenErrors-indicator

الأخبار بأخطاء الجافا سكربت

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenErrors-js

الانتقال عبر رابط إلى المصحح

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenErrors-jump

البحث السريع

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenErrors-search

عرض الأخطاء بناء على ….

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenErrors-filter

8- استكشاف أل ” ” Dom

9- تنفيذ أكواد الجافا سكربت في نفس الوقت

عدل بيدك لتتعلم

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenCL-dirty

الاستكمال التلقائي

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenCL-autocomplete

إمكانية لصق اى كود خارجي

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenCL-paste

إمكانية النسخ بسهولة

ما هى الفاير بق !!؟ ....كل شئ عنها .. بالصور ScreenCL-bookmarklet

10- تسجيل تحركات الجافا سكربت logging

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

11- خصص أي شئ فى فاير بق كما تريد

إن استخدام فاير بق يعطيك الكثير من الإمكانيات لتطوير الويب ، وإن كنت
تشعر ان هناك شء لا يعمل كما تريد ، فلا توجد مشكلة ، يعطيك فاير بج الكتير
من الخيارات فاختر منها وفقا لاحتياجاتك

12- خاصية البحث

تنسيق وترجمة : محمد فوزى من فريق عمل سبوت لاير

والسلام عليكم ورحمة الله وبركاتة

» أم حبيبة رضي الله عنها المجاهدة الصابرة ( رملة بنت أبي سفيان رضي الله عنها )
» أذكار يومية لا غنى عنها
» 65 قولا ولفظاً وعملا نهى عنها الشرع
» صلاة ممكن الانسان يغفل عنها +ذكر+
» الصحابية أم ورقة الأنصارية رضي الله عنها