آموزش های این وب سایت به صورت رایگان در دسترس است. اطلاعات بیشتر
مشکل عدم دسترسی خریداران پیشین به برخی آموزش ها برطرف شد
بروز خطا
   [message]
اشتراک در سوال
رای ها
[dataList]

برترین افزونه ها برای طراحان وب:100%کاربردی

MEHDI007  10 سال پیش  7 سال پیش
+35 0

فایرفاکس مرورگری کدباز، رایگان و انعطاف پذیر برای تمام کاربرانی است که می خواهند ضمن داشتن امنیت در اینترنت، از وب گردی لذت ببرند. معمولاً فایرفاکس انتخاب اول کاربران حرفه ای و البته برنامه نویسان و توسعه دهندگان وب است. کاربران فایرفاکس می توانند با نصب افزونه (Extension) های مختلف کارایی های این مروگر را افزایش دهند و آن را با نیازهای خود تطبیق دهند. افزونه ها به اصطلاح برنامه های اضافی کوچکی هستند که برای هدفی خاص و در جهت بهبود امکانات مرورگر فایرفاکس روی آن نصب می شوند.

Firebug–دانلود

این افزونه برای بسیاری از برنامه نویسان وب آشناست و نیازی به معرفی ندارد. این افزونه به شما قدرت ویرایش و خطایابی کدهای CSS, HTML و JavaScript را می دهد. اگر می خواهید کدهای CSS سایت خود را ویرایش کنید و پیش نمایش آن را به صورت زنده ببینید، این افزونه همانی است که به دنبالش می گردید. توجه : برای استفاده از بعضی افزونه ها ابتدا باید فایرباگ را نصب کرده باشید.

Web Developer –دانلود

در واقع این افزونه قویترین و پویاترین افزونه در لیست ما می باشد(حتما این رو نصب کنید خیلی به درد می خوره.اگه نصب نکنید ضرر کردید) که نوار ابزاری را به مروگر اضافه می کند که اجازه انجام کارهای مختلفی را به کاربر می دهد.
برخی از توانمندی های این افزونه:
– فعال سازی/غیر فعال کردن Java
– فعال سازی/غیر فعال کردن و مشاهده کوکی ها
– غیر فعال کردن CSS
– مشاهده سبک ها(styles)
– مشاهده اطلاعات اضافی فرم ها
– غیرفعال کردن عکس های صفحه و تشخیص عکس های ناقص
– مشاهده کد های جاوا اسکریپت
– مشاهده اطلاعات تکمیلی و پنهان
– ویرایش , HTML
– تنظیم پنجره ها به رزولوشن مورد نظر
– ویرایش و چک کردن کد های زبان وب
– و ده ها مورد دیگر

FireFTP –دانلود

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

ColorZilla –دانلود

ابزاری است برای بدست آوردن کد رنگ عناصر به کار رفته در صفحات وب. با این افزونه می توانید روی عنصار صفحه زوم کنید و کد رنگ هر نقط از صفحه را بدست آورید.

SenSEO –دانلود

این افزونه صفحه وب شما را آنالیز کرده و آن را بر اساس معیارهای SEO ارزش گذاری می کند. به شما کمک می کند تا جایگاه وب سایت خود را نزد موتورهای جستجو بدانید. برای استفاده از این افزونه ابتدا باید Firebug را نصب کرده باشید.

FireScope –دانلود

این افزونه بر روی Firebug نصب می شود و برگه جدیدی به نام Reference به آن اضافه می کند. در این برگه به مرجع کامل HTML و CSS وب سایت SitePoint دسترسی خواهید داشت که اطلاعات جامعی در مورد کاربرد، نحوه استفاده و همچنین پشتیبانی مرورگرهای مختلف از تگ ها را در اختیارتان قرار می دهد.

YSlow –دانلود

این افزونه برگه جدیدی به Firebug اضافه می کند و صفحه وب را بر اساس قوانین Yahoo آنالیز کرده و به شما می گوید چرا صفحه شما کند بارگزاری می شود. برای استفاده از این افزونه باید قبلاً Firebug را روی فایرفاکس نصب کرده باشید.

GreaseMonkey –دانلود

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

JavaScript Debugger –دانلود

همانطور که از نامش پیداست، ابزاری است برای خطایابی کدهای جاوا اسکریپت در محیط مروگر فایرفاکس. به گفته کاربران این افزونه برای خطایابی کدهای جاوا اسکریپت از فایرباگ بهتر عمل می کند.

MeasureIt – دانلود

روی شکلک خطکش در نوار وضعیت فایرفاکس کلیک کنید تا به شما امکان اندازه گیری تمام اجزای روی صفحه وب را در واحد پیکسل بوسیله اشاره گر ماوس بدهد. برای خارج شدن از این وضعیت دکمه Esc صفحه کلید را فشار دهید.

FireShot –دانلود

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

View Source Chart –دانلود

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

Text Formating Toolbar –دانلود

نوار ابزاری برای قالب بندی متون برای کدهای BBCode, HTML و Wiki را به فایرفاکس شما اضافه می کند. با این افزونه به راحتی می توانید متون قالب بندی شده در قسمت نظرات وبلاگ ها، فاروم های گفتگو و ویکی ها درج کنید.

View Dependencies –دانلود

این افزونه برگه ی جدیدی به پنجره Page Info در فایرفاکس اضافه می کند که در آن لیستی از فایل هایی که در صفحه وب جاری بارگزاری شده اند، لیست شده است. این لیست بر اساس نوع فایل (تصویر، صوت، …) مرتب شده است و شما می توانید با کلیک راست روی هر کدام از فایل ها، آن را در یک تب یا صفحه جدید در فایرفاکس باز کنید.

Window Resizer –دانلود

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

IE Tab –دانلود

افزونه ای بسیار سودمند برای مشاهده صفحه وب طراحی شده در مرورگر Internet Explorer. این افزونه مروگر IE را در یک برگه فایرفاکس شبیه سازی می کند تا برای تست صفحه وب خود در IE از فایرفاکس خارج نشوید و نیازی به باز کردن مرورگر IE به صورت جداگانه نداشته باشید.

HTML Validator –دانلود

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

CSS Validator –دانلود

صفحه وب شما را بر اساس استاندادهای CSS بوسیله W3C CSS Validator می سنجد.

RSS Validator –دانلود

صفحه وب شما را بر اساس استانداردهای RSS بوسیله W3C RSS Validator می سنجد. وقتی یک فید RSS را در فایرفاکس باز می کنید، می توانید با کلیک راست روی صفحه و انتخاب گزینه Validate the RSS feed این کار را انجام دهید.

با تشکر: برترین افزونه ها مخصوص برنامه نویسان در جهان این ها بودند اگه افزونه دیگری مد نظر شماست اعلام کنید تا به لیست اضافه شود

+17 0
فایر فاکس ویژه توسعه دهندگان وب منتشر شده. قبل استفاده از این افزونه ها یه نیم نگاهی به مرورگر جدید میتونه جالب باشه (10 سال پیش)
0 0
نسخه ی توسعه دهندش واقعا عالی و بدرد بخور هست (10 سال پیش)
+1 0
هیچوقت به ضرورت استفاده از Firebug پی نبردم.برای من همون F12 کفاف همه کارامو میده ! (9 سال پیش)
+1 0
Firebug هم خصوصیاتش خودش رو داره!f12هم یک خاصیتی داره.نمی دونم چه جوری که من می تونم نظر بدم! (9 سال پیش)
+1 0
سلام. دست گلت درد نکنه. لینک ها رو یه موقع حذف نکنی :) (9 سال پیش)
+1 0
نه.دوست عزیز برای چی حذف کنم:)اگه می خواستم حذف کنم برای چی گذاشتم (9 سال پیش)
0 0
دوست عزیز لطفا ادامه بدید. خیلی مطالب مفید هستند. (8 سال پیش)
 برای این سوال 2 پاسخ وجود دارد.
پاسخ به سوال 
MTA  7 سال پیش
0 0

خیلی عالی و کاربردی بود ممنون

پاسخ به سوال 
Token  7 سال پیش
+2 0

بنده هم قصد دارم دو افزونه بسیار کاربردی رو معرفی کنم:

Toggle JS :

افزونه ای برای غیرفعال کردن جاوااسکریپت در مرورگر.

لینک

Wappalyzer :

با استفاده از این افزونه شما میتونید به اطلاعات فنی سایت از قبیل:

سیستم مدیریت محتوای وب سایت

زبان برنامه نویسی

لایبری های استفاده شده

مطــلع بشـید.

لینک


پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .