یادداشتهای بیت نیمسوز

شاید اگر FireBug نبود اینقدر FireFox رو دوست نداشتم. سالهاست که از فایرفاکس استفاده میکنم و بارها افرادی را دیدم که میگفتند مثلا فلان مرورگر (Browser)،‌از فایرفاکس سریعتره، یا استاندارد تره. منتها هیچ وقت هیچکس رو ندیدم که بگه برای یهWeb Developer مرورگر بهتری از فایرفاکس هست، و اگر هم گفته چرت و پرت بوده.
یکی از دلایل من همین فایرباگه. اگه برای یه کار کوچک هم دم دستم نباشه،‌کلا احساس میکنم که فلجم! یعنی وقتی نصب نیست و جایی هستم که امکان نصبش هم نیست،‌کلا بیخیال کار میشم و میشینم فیلم میبینم یا میرم یه گوشه کتاب میخونم. چرا؟ سادست نصبش کنید (از اینجا برای نصبش اقدام کنید)‌بعد متوجه خواهید شد.
فایرباگ از چند قسمت تشکیل شده، اولیش کنسول هست که از خطاهای جاوا اسکریپت، تا درخواستهای آژاکس (یه دوستی میگفت بنویس ایجکس) و اگه یه سری افزونه دیگه هم نصب باشه پیغامهای اون افزونه ها همه رو نشون میده.

مثلا این یه تصویر از این پنله که وقت استفاده از مترجم گوگل ارسال های آژاکس رو نشون میده. (با کمک همین بود که من کلاس مترجم گوگل رو نوشتم.)
دومین پنل، کدهای HTML و همزمان بلوکهای CSS که بر روی تگ انتخاب شده تاثیر گذاشتن رو نشون میده. همون لحظه میتونید اونها رو ویرایش کنید،‌تگها و همزمان بلوکهای CSS رو. این کلا برای همه کسانی که به نحوی با وب سر و کار دارن خوبه. اونایی که سعی میکنن قالب بنویسن یا ترجمه کنن، وب مستر هایی که میخوان صفحاتشون رو بررسی کنن و … این تصویر نمایشگر این مساله هست :)‌

البته قسمت مربوط به CSS هم جداگانه وجود داره، اونجا دیگه کل CSS هایی که تو صفحه دخالت داشتن رو نمایش میده که خوب اونم میتونه مفید باشه.

اما قسمت مورد علاقه من،‌ قسمت مربوط به جاوا اسکریپته که میتونه اون رو دیباگ هم بکنه که به این صورت یکی از بزرگترین مشکلات ما (کسایی که با برنامه نویسی وب سر و کار دارن)‌حل میشه. قابلیت دیباگ، اضافه کردن Watch برای یک متغیر خاص و کلا دیدن کل متغییر ها میتونه خیلی مفید باشه، یه چیزی مفید تر از خیلی!

اما قسمت DOM هم برای نمایش DOM Tree استفاده میشه. ببینید :

قسمت Net هم تمام درخواستهایی که برای ایجاد صفحه فعلی ارسال شده رو با جوابشون و مدت زمانی که طول کشیده رو نشون میده. کلا اینجوری هم میتونید درخواستها رو بررسی کنید و پاسخها رو و هم ببینید کدام درخواست بیشتر طول کشیده و در صورت لزوم تغییراتی رو برای بهتر شدن سرعت سایتتون بدید.علاوه بر این، توی این قسمت میتونید درخواستها رو فیلتر هم بکنید، مثلا فقط جاوا اسکریپت ها رو ببینید و یه جورایی کار قسمت Console رو هم، کاملتر، انجام میده.

علاوه بر این شما میتونید افزونه هایی رو برای فایر باگ نصب کنید، این افزونه ها خودشون بر روی فایرفاکس نصب میشن ولی در اصل افزونه هایی برای فایرباگ هستند مثل YSlow و FirePHP که این دومی رو بزودی یه مطلبی دربارش مینویسم.
نکته مهمی که هست، فعال بودن این پنل بعضی وقتها سرعت شما رو کم میکنه. یادمه یکی دو سال پیش وقتی با فایر باگ فعال صفحه Gmail رو باز میکردی هشدار میداد که وجود فایر باگ باعث کند شدن این صفحه میشه که خوب الان تست کردم و گویا این مشکل دست کم با Gmail حل شده.

پست مرتبطی وجود ندارد.