یقیناً فایرفاکس یکی از بهترین مرورگرها برای دسکتاپ و موبایل محسوب می شود. اما چیزی که فایرفاکس را بسیار مفید و کارا می کند حجم زیادی از افزونه های مفید و کاربردی آن است. شما می توانید با اضافه کردن افزونه های جدید به فایرفاکس شیوه عملکرد آن را تغییر دهید و یا اینکه ویژگی های جدیدی را به آن بیافزاید.
درمیان لیست افزونه های فایرفاکس، صدها افزونه وجود دارد که به منظور کمک به وبمستر ها ساخته شده است. شما می توانید این لیست را از طریق این لینک مشاهده کنید. اما در میان این لیست، ما می خواهیم که به ۱۰ عدد از مهمترین و کاربردی ترین گزینه ها اشاره ای کنیم و آنها را با هم بررسی نماییم.
در واقع این افزونه شبیه به یک ارتش از ویژگی ها است. با استفاده از Web Developer شما می توانید ابزاری از ویژگی های مفید مورد نیاز توسعه دهندگان وب را در اختیار داشته باشید.
ویژگی هایی که این افزونه به شما ارائه می دهد عبارت است از:
- غیر فعال کردن موقت ویژگی های مرورگر، مانند کشینگ، جاوا اسکریپت، تصاویر و کدهای CSS
- مشاهده، ویرایش، ساختن و حذف کردن کوکی ها
- مشاهده و تغییر کدهای CSS , HTML در یک صفحه وب
- ویرایش فرم ها و داده های آن
- مشاهده تمام جزئیات المنت های صفحه وب
- مشخص کردن تعداد المنت های جداگانه در یک برگه
- تغییر اندازه مرورگر برای نمایش وبسایت در اندازه های مختلف
- اعتبار سنجی صفحات از نظر آیتم های اعتبار سنجی W3C
- مشاهده جاوا اسکریپت های استفاده شده در صفحه
در نهایت باید گفت که این افزونه برای افرادی که وبمستر هستند بسیار لازم و ضروری است.
Firebug ابزار بسیار مناسبی برای دیباگ کردن است. برای استفاده از این افزونه می توانید آن را در هر صفحه ای که می خواهید فعال کنید. فعال کردن این افزونه هم توسط کلیک روی آیکنی که بالای صفحه مرورگر قرار دارد، انجام می شود.
با استفاده از این ابزار جدای از کار دیباگ کردن می توانید کارهای زیر را انجام دهید:
- مشاهده و تغییر در برگه هایی که از HTML , CSS و جاوا اسکریپت استفاده می کنند.
- مشاهده ویژگی های هر المنت با انجام کلیک راست روی آن المنت و انتخاب گزینه Inspect .
- اضافه کردن نقطه شکست به برگه ها! این کار زمانی انجام می شود که شما بخواهید تنها بخشی از وبسایت را دیباگ کنید.
- نمایش درختی DOM
- نمایش زمان دانلود، bottlenecks و سربرگ های HTTP
جدای از این موارد یک محیط دیباگ برای کدهای جاوا اسکریپت به صورت Console را داراست.
تعداد زیادی افزونه به منظور کمک به شما در امر سئو برای فایرفاکس ارائه شده است اما به عقیده من SEO for Firefox یکی از بهترین آنهاست. برای کار با این افزونه کافیست که کلمه کلیدی که در نظر دارید را در یک موتور جستجو مانند گوگل وارد کنید و بعد از آن روی آیکن سئو در مرورگر کلیک کنید. بعد از آن شما می توانید اطلاعاتی سودمند و کاربردی از صفحه نتایج مشاهده کنید. این اطلاعات شامل:
- موقعیت ورودی شما در صفحه نتایج
- پیج رنک آن در گوگل
- سن صفحه
- تعداد لینک های ورودی به صفحه
- رنک الکسا
و کلی چیزهای کاربردی دیگر. این افزونه برای پیدا کردن اطلاعات کلی از یک صفحه وب بسیار مناسب است.
اعتبارسنجی صفحات وب یکی از کارهایی است که هر توسعه دهنده وب باید انجام دهد. اما به دلایل مختلف بیشتر اوقات این کار توسط توسعه دهنده ها فراموش می شود و قبل از انجام آن وبسایت آپلود می کنند. کار این افزونه در واقع اعتبارسنجی صفحات وب به صورت خودکار است. در صورتی که این افزونه هرگونه مشکل اعتبارسنجی در وبسایت را بیابد، دور آیکن افزونه روی نوار مرورگر یک خط قرمز می کشد. پس هیچ بهانه ای نیست.
اعتبارسنجی این افزونه براساس دو منبع معتبر W3C و HTML Tidy انجام می شود که شما می توانید هر دو را انتخاب کنید و یا می توانید تنها به یکی از استانداردها بسنده نمایید. یکی دیگر از کاربردهای مهم این افزونه این است که به شما کمک می کند تا المنت های اضافی صفحه را پاک کنید.
خیلی از اوقات می خواهم عملیات دیباگ کردن یک صفحه وبسایت را سریع تر انجام دهم. می دانم که Firebug and و Web Developer برای این کار مناسب هستند ولی مشکلی که وجود دارد این است که صرفا می توانم پیشنمایش کدها را در فایرفاکس مشاهده کنم. افزونه Save Complete را نصب کنید. با استفاده از این افزونه می توانید کل وبسایت همراه با کدهای سی اس اس و جاوا اسکریپت آن را دانلود کنید و در حالت لوکال از آن استفاده کنید. مهمترین نکته در این حالت این است که عملیات دیباگ شما ماندگار می ماند و می توانید وبسایت را با هر مرورگر دیگری نیز نگاه بیاندازید. همانطور که گفته شد این افزونه وبسایت را به صورت کامل دانلود می کند و بهتر از خود گزینه Save as… مرورگر عمل می کند.
شاید داشتن یک برنامه مدیر اف تی پی به نظر کمی عجیب برسد اما FireFTP واقعا افزونه عالی است. استفاده از این افزونه می تواند کار شما را سریعتر کند و همواره حساب اف تی پی وبسایت را جلوی دستتان قرار دهد. پس خیلی عجیب هم نیست، می توانید با یک دید خوب به آن نگاه کنید. برای استفاده از این افزونه می توانید آن را در یک تب و یا پنجره جداگانه قرار دهید. بسیاری از توسعه دهندگان با استفاده از این افزونه دیگر استفاده از برنامه قدرتمندی مانند FileZilla را بی مورد می شمارند.
از صفحات وب اسکرین شات بگیرید. البته جدای از یک اسکرین شات ساده شما می توانید در حالت های مختلف اسکرین شات بگیرید برای مثال می توانید کل سایت را به صورت یک تصویر درآورید و یا اینکه تنها از بخشی تصویر بگیرید.
این افزونه در واقع به صورت بلادرنگ و سریع اطلاعات فرستاده شده بین فایرفاکس و سرور را آنالیز و تحلیل می کند. شما می توانید تمام درخواست ها و پاسخ های Http را مشاهده کنید، کوکی ها، اطلاعات ارسال شده از طرف فرم ها و … . همچنین با استفاده از این افزونه یک رشته خاص را فیلتر کنید، بدین منظور که اگر رشته ای ارسال شد به شما اطلاع داده شود.
در واقع این افزونه فایرفاکس را قادر می سازد تا رشته User-Agent را تغییر دهد. بدین معنا که فایرفاکس می تواند خود را بجای مرورگری مانند اینترنت اکسپلورر، سافاری و … تغییر دهد.
Colorzilla افزونه ای است که رنگ استفاده شده درون برگه های وب را آنالیز می کند. روی آيکن افزونه کلیک کنید و بعد از آن موس را روی رنگ مورد نظر ببرید، حال می توانید مقدار رنگ را مشاهده کنید. می توانید مقدار RGB آن را کپی کنید و برای کار خود از آن استفاده کنید.
ویژگی های این افزونه:
- ابزار colour picker و palette browser
- حالت زوم برای انتخاب بهتر رنگ یک المنت
- تعریف نقشه DOM برای تحلیل روی رنگ های استفاده شده در صفحه و دانستن اینکه چه المنتی از چه رنگی استفاده کرده است.
دیدگاه و پرسش
در حال دریافت نظرات از سرور، لطفا منتظر بمانید
در حال دریافت نظرات از سرور، لطفا منتظر بمانید