در حال حاظر فایرفاکس به صورت گستره در بین کاربران برا مشاهدهی صفحات وب استفاده میشه و بجز کاربرا عادی خیلی از توسعهدهندهها هم از این مرورگر محبوب استفاده میکنند. دلایل زیادی باعث محبوبیت فایرفاکس شده که یکی از بزرگترین دلایلش وجود تعداد زیادی افزونه -پلاگین-های اضافی برای این مرورگر هستش که شما میتونید به راحتی و با اضافهکردن این افزونهها به فایرفاکستون قابلیتهای مرورگرتون رو بیشتر کنید و بتونید در زمان کمتر استفادههای مفیدتری ازش بکنید و تنها به عنوان یه مرورگر ازش استفاده نکنید.
به عنوان نمونه، اگر طراح وب باشید به راحتی با افزونههای مختلف میتونید کد رنگهای یک صفحهی وب رو جدا کنید، و یا اگر توسعهدهنده وب هستید، به راحتی میتونید بررسی کنید کدهایی که نوشتید معتبر هستند یا نه؟ و یا اگه مشکلی داشتن به راحتی اون مشکل رو برطرف کنید؛ جالب شد، نه؟
اگر بجز خوندن مطالب تو اینترنت کارهای دیگهای هم میکنید، کدنویسی میکنید، طراحی و یا برنامهنویسی وب و یا خیلی از کارهای دیگه، با من همراه باشید که با ۲۰افزونهی فایرفاکس آشنا بشید تا شاید این افزونهها بتونن کمکهای کوچیک و بزرگی به شما بکنن!
که در این پست نگاهی میندازیم به ۱۰تا از این افزونهها و دهتای بعدی رو در پست دیگهای برای شما معرفی میکنم.
۱. FireFTP
همون طوی که از اسمش پیداست FireFTP یه افزونه برای انتقال فایلها به سرور هستش، یه FTP کامل در نوع خودش، به کمک این افزونه میتونید به راحتی و با سرعت فایلهای خودتون رو منتقل کنید به سرور مورد نظرتون. FireFTP تنظیمات پیشرفتهای هم مثل مقایسهی پوشهها، همگامسازی پوشهها، پشتیبانی از انتقال امن SSL، جستُجو و فیلتر کردن، کشیدن و رها کردن (Drag & Drop) و خیلی از امکانات دیگه هستش.
۲. HTML5toggle (آزمایشی)
HTML5toggle افزونهای هستش که دکمههایی رو در اختیار شما قرار میده تا باهاش بتونید به راحتی قابلیتهای HTML5 رو در فایرفاکس فعال یا غیرفعال کنید، HTML5 هنوزم در حال کاملتر شدن هستش، برخی وبسایتها وقتی HTML5 در فایرفاکس فعال باشه نمیتونن درست کار کنن، با این افزونه میتونید به راحتی کنترل HTML5 فایرفاکس رو به دست بگیرید.
۳. HTML5 Validator (آزمایشی)
همون طوری که از اسم این افزونه کاملاً واضح هستش، افزونهی HTML5 Validator برای اعتبارسنجی کدهای HTML5 هستش.
۴. IE Tab2
خب، مثل نمونههای قبلی، این افزونه هم معلومه کارش چیه، این افزونه میتونه به راحتی برای شما اینترنت اکسپلورر رو روی فایرفاکس شبیهسازی کنه، این افزونه نسخهی جدیدتری از افزونهی IE Tab هستش که بهش قابلیت پشتیبانی از اینترنت اکسپلورر ۷، ۸ و ۹ اضافه شده و میتونید تنظیمات نسخهی گذشتهی (IE Tab) رو در این نسخه وارد کنید.
۵. Total Validator
Total Validator مجموعهای از اعتبار سنجها هستش که در یکجا و کنار هم قرار گرفتن تا به راحتی بتونید با یک بار تست همهی اونها رو برسی کنید. از جمله ویژگیهای این افزونه این هستش که اعتبار سنجیهای HTML5 و XHTML5 رو هم برای شما انجام میده.
۶. Web Developer
افزونهی Web Developer امکانات مختلفی رو برای توسعهدهندهها فراهم میکنه و میتونن به راحتی این امکانات رو در فایرفاکس خودشون داشته باشن، امکاناتی مثل نمایش و ویرایش استایل.
۷. EditCSS
افزونهی EditCSS یک سایدبار به فایرفاکس شما اضافه میکنه که توسط اون میتونید CSS صفحه وب جاری رو به راحتی ویرایش کنید و تغییرات رو مشاهده کنید. اگر از نمایشگر عریض استفاده میکنید و در دو طرف فضای سایتها فضای خالی زیادی دارید، این افزونه میتونه برا شما مفید باشه :).
۸. Console2
Console2 میتونه جایگزین کنسول جاوا اسکریپت شما شما بشه و شما به عنوان نسل بعدی کنسول ازش استفاده کنید، Console2 میتونه پیغامهای خطا رو بر اساس نوع خطا (خطا، توجه، پیغام)، زبان (JavaScript، CSS و XML) دستهبندی بکنه تا بتونید راحتتر بهشون دسترسی داشته باشید. Console2امکانات جانبی و جالب دیگهای هم داره که میتونه برای شما مفید باشه.
۹. CSS Reloader
یه افزونهی نُقلی و البته بسیار مفید و پر استفاده، زیاد پیش آمده که فایل استایل سایتی رو تغییر دادید و بعد از بارگزاری دوباره صفحه (Refresh کردن صفحه) در کمال تعجب دیدید که هیچ اتفاق خاصی نیافتاده! خب در خیلی از موارد فایلهای CSS در کش مرورگرها ذخیره میشن و با Refresh شدن برای افزایش سرعت بارگزاری این فایل دیگه بارگزاری نمیشه و همون فایل قبلی نمایش داده میشه و برای همین شما تغییراتی رو نمیبینید!
خب به کمک این افزونه میتونید به راحتی فقط و فقط فایل استایل رو دوباره بارگزاری کنید و به سرعت تغییرات رو مشاهده کنید و منتظر بارگزاری کامل صفحه نباشید، چه عالی :). یه کلید میانبر هم برای این افزونه پیشبینی شده که هر وقت شما لازم داشتید فایلهای CSS یک سایت رو دوباره بارگزاری کنید میتونید فقط با فشار کلید F9 این کار رو انجام بدید، به همین راحتی و مفیدی.
۱۰. View Source Chart
توسط این افزونه شما میتونید سورسکد یک صفحهی وب رو به همراه DOMها مشاهده و برسی کنید و اشکالات احتمالی کدنویسی رو برطرف کنید و یا حتی میتونید از این روش به صورت خود آموزش تمرین نوشتن کدهای HTML رو بکنید و یادبگیرید چجوری کدها رو کنار هم بنویسید.
ادامهدارد…
بسیار عالی بود
ممنون
هادینقلقول