مرورگر موزیلا فایرفاکس در واقع یک مرورگر بسیار محبوب

است ، به ویژه در میان طراحان وب و توسعه دهندگان. به طور کلی Firefox

یک انتخاب خوب و عالی برای طراحان وب است که با افزونه ها و پلاگین

های متعدد کار را برای همه راحت و آسان تر کرده است که یکی از عوامل

محبوب بودن این مرورگر ، کتابخانه بزرگی از افزونه هایست که تجربه کار

با آن را دلنشین تر می کند. بسیاری از افزونه های مفید و کاربردی در

سطح وب وجود دارد ، اما بهترین افزونه فایرفاکس که بتواند به یک طراح

وب یا توسعه دهنده وب کمک کند ، چیست؟

تو این تاپیک چندین افزونه و پلاگین محبوب در بین طراحان وب را معرفی می

کنم که می توانند بازده کاری شما در حین طراحی وب را افزایش دهند.

برای دریافت روی اسم هر افزونه کلیک کنید.

1- Web Developer

افزونه Web Developer برای بسیاری از طراحان وب آشناست و یکی از قوی ترین

افزونه ها برای طراحی وب است. این افزونه یک نوار ابزار و منو با

ابزارهای مختلف به فایرفاکس شما اضافه می کند که می توان از آنها برای

تغییر در CSS, Html و مشاهده تغییرات در حین کار ، دستکاری و حذف کوکی ها ،

دستکاری فرم ها و ایجاد تغییرات ، غیر فعال کردن تصاویر ، بررسی

Validate بودن صفحه و … را استفاده کرد.

2- Firebug

حتما با افزونه Firebug آشنایی دارید و یا از آن استفاده می کنید. این

افزونه هم مانند پلاگین قبلی از بهترین و محبوب ترین افزونه های فایرفاکسی

است ، تا جایی که برای آن افزونه های دیگری که قابلیت های جدید به

فایرباگ اضافه می کنند ، طراحی و ساخته شده اند مثل YSlow . از هر طراح

وبی بپرسید که اولین افزونه ای که برای کارش استفاده می کند چیست ، به

یقین خواهد گفت افزونه Firebug . این افزونه به شما و مرورگرتان اجازه

ویرایش و خطایابی کدهای CSS, HTML و JavaScript را به صورت آنلاین و

Real-Time می دهد.

3- MeasureIt

افزونه MeasureIt در واقع یک خط کش است که در مرورگر Firefox اضافه می

شود و به وسیله آن می توانید هر عنصری بر روی صفحه وب را بدون هیچ زحمتی

در واحد پیکسل اندازه گیری کنید.

4- ColorZilla

افزونه ColorZilla یک ابزار کمکی ویژه برای طراحان وب و طراحان گرافیک

است که به طراح امکان می دهد که بر روی هر نقطه ای از صفحه وب که خواست

کلیک کرده و کد رنگ آن قطعه را به دست آورد که به صورت یک آیکون قطره

چکان در گوشه سمت چپ پایین فایرفاکس نمایان می شود.

5- Page Speed

سرعت یک وب سایت یکی از امور واجب در طراحی وب است. افزونه Page Speed که

بر روی افزونه Firebug نصب می شود ، یک افزونه بسیار کارآمد است که یک

صفحه وب را از لحاظ سرعت باز و لود شدن مورد تجزیه و تحلیل قرار می دهد

و کمک خوبی برای آزمایش طراحی وب سایت از حیث سرعت است.

6- HTML Validator

افزونه HTML Validator یکی از جالب ترین افزونه های کمکی برای اشکال

زدایی دستورات HTML و پیدا کردن خطاهای رایج HTML در صفحات وب است که یک

صفحه وب را با استانداردهای روز بررسی کرده و تعداد خطاها را گوشزد می

کند.

7- IE Tab 2

طراحان وب سایت همیشه نگران سازگاری طرحشان در مرورگر اینترنت اکسپلورر

هستند. با استفاده از افزونه IE Tab 2 که نسخه جدید آن است دیگر نباید

نگران این مسئله بود. زیرا به راحتی و با زدن یک دکمه می توان صفحات وب

طراحی شده را با این افزونه از لحاظ سازگاری اکسپلورر در مرورگر Firefox

شبیه سازی کرده و مشکلات احتمالی را به سادگی و بدون باز کردن مرورگر

Internet Explorer رفع نمود. این افزونه قابلیت پشتیبانی از اینترنت

اکسپلورر 7 ، 8 ، 9 را دارد.

8- SEO Doctor

افزونه SEO Doctor پس از بررسی آیتم های مختلف از جمله تگ h1 و h2، متا تگ، عنوان صفحه، تعداد صفحات ایندکس شده، SEO

Friendly بودن آدرس ها، تعداد لینک ها، زمان بارگذاری وب سایت و …

امتیازی از یک تا 100 به وب سایت یا وبلاگ طراحی شده می دهد و راهنمایی

نیز برای بهینه تر کردن وب سایت با موتورهای جستجو را به طراح اعلام می

کند.

9- Window Resizer

افزونه Window Resizer به طراح وب این امکان را می دهد که صفحات وب طراحی

شده را در رزولیشن های مختلف 640×480, 800×600, 1024×768, 1280×800,

1280×1024 , 1600×1200 و فقط با یک کلیک مشاهده کند.

10- FireShot

افزونه FireShot یک افزونه تمام عیار فایرفاکسی است که به طراح وب اجازه

گرفتن اسکرین شات از صفحات وب به صورت کامل یا قسمتی از صفحه را می دهد.

این افزونه فقط یک ابزار اسکرین شات نیست ، بلکه یک نوار ابزار کامل

برای ویرایش اسکرین شات و اضافه کردن متن ها و فایل های گرافیکی در

تصویر است.

11- SeoQuake

افزونه SeoQuake به طراحان وب در بهینه سازی صفحات وب خود برای موتورهای

جستجو کمک می کند. این افزونه اطلاعاتی را نظیر رتبه بندی های مختلف در

سرویس های گوناگون را به صورت یک نوار در پایین مرورگر نمایش می دهد که

گزینه های مختلفی برای کار دارد.

12- FireFTP

افزونه FireFTP یکی از ابزارهای بسیار کاربردی برای انتقال فایل های

مختلف بر روی سرور سایت است که کار آپلود و دانلود فایل ها از روی سرور را

در مرورگر فایرفاکس امکان پذیر می کند. این افزونه همه امکانات پیشرفته

نرم افزارهای FTP را به راحتی به کاربر ارائه می کند.

13- Total Validator

افزونه Total Validator یک افزونه و مجموعه خوب برای اعتبارسنجی ساختار

HTML و پیوندهای صفحه است و همچنین عکسی از صفحه به طراح ارائه می دهد و

تست نمایش صفحه در سیستم عامل و مرورگرهای مختلف را می توان بخشی از

امکانات این افزونه نام برد.

14- Font Finder

با استفاده از افزونه Font Finder ، هر طراحی می تواند بخشی از متن را در

صفحه وب که می خواهد هایلایت نموده و اطلاعات مربوط به استایل CSS آن

بلوک متنی را مشاهده نماید .

شما به عنوان یک Web

Designers یا Web Developers از کدامیک از این افزونه ها استفاده می

کنید و فکر می کنید جای چه افزونه ای در این بین خالی است

تشكر فراموش نشه ها