هر آنچه بایستی در مورد افزونه فایرباگ بدانید

Firebug با Firefox کار می کند.افزونه فایرباگ محصولی به نام Firebug Lite وجود دارد که می توانید در یک پرونده از طریق تماس جاوا اسکریپت در پرونده خود ، برای استفاده در مرورگرهای غیر Firefox قرار دهید ، اما من در این آموزش / مرور کلی ، Firebug Lite را پوشش نمی دهم.برای نصب Firebug به صفحه بارگیری Firebug مراجعه کنید.افزونه فایرباگ بر روی دکمه بزرگ نارنجی در نیمه راه پایین صفحه در سمت راست کلیک کنید. همچنین می توانید آن را از سایت افزودنیهای FireFox Mozilla بارگیری کنید. آن را نصب کنید FireFox را مجدداً راه اندازی کنید ، و خوب است که بروید.اگر قبلاً آن را نصب کرده اید ، آخرین نسخه را دریافت کنید! نصب افزونه فایرباگ برای به روزرسانی برنامه افزودنی ، در Firefox ابزارها> افزودنیها را انتخاب کنید. سپس بر روی دکمه گوشه پایین سمت چپ که می خواند "یافتن به روزرسانی" را کلیک کنید.باز و بسته کردن Firebugمیانبرهای صفحه کلید و ماوس برای Firebug را می توان در وب سایت Firebug یافت. سه مجموعه من اغلب استفاده می کنم شامل:Firebug را باز کنید: F12 یا کلیک روی علامت سبز رنگ در سمت راست و نوار وضعیت مرورگر کلیک کنید.بستن Firebug: 12 یا کلیک روی علامت سبز رنگ در سمت راست نوار وضعیت مرورگر یا کلیک روی قرمز x در گوشه سمت راست بالای پنجره Firebug.قفل Firebug را در پنجره خود باز کنید: روی فلش قرمز به بالا افزونه فایرباگ در گوشه سمت راست بالای پنجره firebug یا Ctrl + F12 / âŒ˜ + F12 کلیک کنید.تنظیمات FirebugFirebug را تنظیم کنید که همیشه در یک پنجره جداگانه قفل شود: کنسول firebug را باز کنید. با کلیک بر روی firebug در سمت چپ بالا ، "گزینه ها" را انتخاب کنید ، سپس "همیشه در پنجره جدید باز کنید" را انتخاب کنیدافزایش / کاهش اندازه فونت: کنسول شومینه را باز کنید. با کلیک بر روی firebug در سمت چپ بالا ، "اندازه متن" را انتخاب کنید. تغییرات قلم واقعاً اندک است ، اما کارایی دارد.Firebug را تنظیم کنید تا فقط برای سایت های مشخص شده کار کند: با غیرفعال کردن Firebug با کلیک راست افزونه فایرباگ روی علامت سبز و انتخاب "غیرفعال کردن Firebug" شروع کنید. سپس بر روی آیکون greayed out کلیک راست کرده و دامنه هایی را که می خواهید Firebug را فعال کنید اضافه کنید.بررسی اجمالی پنجره FirebugConsole Tab: حاوی جاوا اسکریپت خط فرمان است ، گزارش خطای خطای جاوا اسکریپت را نشان می دهد ، می تواند دستورات JavaSript را بعد از >>> در پایین وارد کنیدHTML Tab: HTML را به عنوان یک سلسله مراتب گره DOM نشان می دهد ، که می توانید برای دیدن یا پنهان کردن گره های کودک ، آنها را باز و بسته کنید.Tab CSS: بازرس CSS ، مشاهده همه شیوه های سبک بارگذاری شده ، تغییر سبک ها در پرواز. لیستی از برگه های سبک را مشاهده کنید و با کلیک کردن روی لیست کشویی در بالای پنجره Firebug ، در سمت راست "ویرایش" ، افزونه فایرباگ یکی از این بخش ها را مشاهده کنید.Script Tab: پرونده های جاوا اسکریپت و سند فراخوانی را نشان می دهد. لیست پرونده های جاوا اسکریپت موجود را مشاهده کنید و با کلیک کردن روی لیست کشویی در بالای پنجره Firebug ، در سمت راست "بازرسی" ، یکی از این صفحه ها را مشاهده کنید. نقاط شکست و شرایط زیر نقاط شکست را تنظیم کنید.DOM Tab: تمام اشیاء صفحه و خصوصیات پنجره را نشان می دهد. نصب افزونه فایرباگ از آنجا که متغیرها ویژگیهای شیء پنجره هستند ، Firebug تمام متغیرهایJavaScript و مقادیر آنها را نشان می دهد.خالص تب: همه بارگیری ها را نشان می دهد ، هر بار چقدر منابع برای بارگیری طول کشید ، سرصفحات درخواست HTTP و پاسخ سرور ارسال شده برای هر منبع. برگه XHR برای اشکال زدایی AJAX مفید است.سند خود را در پرواز ویرایش کنید.می توانید گره متن را با انتخاب گره متن با عملکرد "بازرسی" تغییر دهید و سپس بر روی گره متن در پانل HTML کلیک کنید.Firebug هم بازرس است و هم ویرایشگر. کلیه اشیاء موجود در پرونده های HTML ، CSS و JavaScript با یک کلیک یا دوبار قابل ویرایش هستند. همانطور که تایپ می کنید ، نصب افزونه فایرباگ تغییرات بلافاصله در پنجره مرورگر اعمال می شوند و بازخورد فوری دارند. بازرس DOM اجازه می دهد تا ویرایش کامل در محل ساختار سند شما ، نه فقط گره های متن را انجام دهد. به سادگی بر روی زبانه "ویرایش" در کنار "برگه بازرسی" کلیک کنید و صفحه سمت چپ به یک مزیت firebug ویرایشگر متن سیاه و سفید تبدیل می شود. در پنل CSS ، Firebug به طور خودکار تکمیل می شود. در بازرس DOM ، هنگام ضربه زدن به کلید Tab ، Firebug اسامی املاک را تکمیل می کند.بررسی و عیب یابی CSS با استفاده از Firebugبرگه CSS بازرس DOM کلیه قوانین CSS قابل اجرا را برای عناصر ، از جمله خواص به ارث برده شده از عناصر اجداد نشان می دهد ، به شما امکان می دهد تا حالت های مختلف را فعال یا خاموش کنید و اظهارنامه های سبک را ویرایش کنید و قوانین جدید CSS را اضافه کنید.Firebug قوانینی را پنهان می کند که Firefox نادیده می گیرد: به عنوان مثال ، Firebug هک هایی را که سایر مرورگرها و انتخاب کنندگان CSS3 را هدف قرار می دهند ، پشتیبانی نمی کند. بنابراین ، هر دو فیلترهای CSS عمدی مانند _height: 25px را پنهان می کنند. (زیرنویس یک هک IE6 است) و p: first-type {color: # ff0000؛} (یک CSS3: انتخاب کننده کلاس شبه نوع اول که در حال حاضر فقط توسط Safari 3 پشتیبانی می شود). با این حال ، به این معنی که اگر دلیل اینکه صفحه شما به روشی که پیش بینی می کنید به دنبال تایپی نباشید ، باید از نوار ابزار برنامه نویس استفاده کنید تا تمام CSS را نشان داده و خطای خود را پیدا کنید.Firebug تمام انتخاب کنندگان را که روی عنصر انتخابی تأثیر می گذارد نشان می دهد:نصب افزونه فایرباگ هنگامی که شما عنصر یا گره را بازرسی می کنید ، مزیت firebug مزیت تمام آبشار تمام CSS را که روی آن عنصر تأثیر می گذارد ، از جمله ویژگی هایی که در آبشار رونویسی شده است ، نشان می دهد. صفحه راست انتخابگرها و ویژگی های موثر بر عنصر را به ترتیب آبشار نشان می دهد.https://virgool.io/@mohsen.mohammadi19908/%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D9%86%D8%B5%D8%A8-php-%D8%AF%D8%B1-%D9%84%DB%8C%D9%86%D9%88%DA%A9%D8%B3-nnt04udmx1ai