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

افزونه های ضروی مرورگر برای برنامه نویسان بسیار زیاد هستند، اما در این مطلب ما سعی داریم چند مورد از بهترین و کاربردی ترین ها را به شما معرفی کنیم که در آموزش برنامه نویسی برایتان بسیار مفید خواهند بود.

معرفی 12 تا از بهترین افزونه های ضروی مرورگر برای برنامه نویسان

نکته مهمی که باید در مورد افزونه ها بدانید این است که آنها در دسته بندی های متعدد و متنوعی قرار دارند و شما می توانید بسته به نیازتان به یکی از این دسته ها رفته و اکستنشن مورد نیاز خود را برگزینید و سپس از ان استفاده کنید. دسته بندی هایی که برای افزونه های ضروی مرورگر برای برنامه نویسان مطرح می شوند به شرح زیر هستند:

• اکستنشن های فرانت اند (Frontend Extensions)
• ویرایشگرهای لایو (Live Editors)
• افزونه های کارایی و ارزیابی (Validators & Performance)
• افزونه های اندازه گیری (Measuring Extensions)
• افزونه های رنگ (Color Tools)
• Type Playgrounds & Font Testers
• افزونه های کاربردی (Useful Utility Extensions)

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

1. افزونه SnappySnippet

این افزونه به شما کمک می کند به احتی به استخراج کدهایی بپردازید که به زبان اچ تی ام ال و سی اس اس بوده و متعلق به یک زیردرخت DOM هستند. سپس می توانید این کدها را در سایت های متعددی نظیر CodePen، JS Bin، jsFiddle و … فرستاده و از انها استفاده کنید.

2. اکستنشن MagiCSS

این افزونه را می توانیم به عنوان یک ادیتور زنده CSS معرفی کنیم که درون ان هم یک ادیتور تعبیه شده است. به کمک مجیک سی اس اس شما نه تنها می تواندید کدهای این زبان را به نمایش درآورید بلکه می توانید آنها را کوچکتر و در عین جال زیباتر نیز کنید. به علاوه این اکستنسشن به شما این امکان را می دهد که GitHub Gist نیز بسازید.

3. افزونه CSSViewer

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

با هاور کردن ماوس روی المنتی که به دنبال اطلاعات آن هستید –البته پس از کلیک روی آیکون این اکستنشن در نوار ابزار- می توانید خیلی سریع به انها دست پیدا کنید.

4. اکستنشن WordPress Style Editor

در ادامه معرفی افزونه های ضروی مرورگر برای برنامه نویسان  نوبت به WordPress Style Editor میرسد. با ان افزونه شما می توانید در قالب ای وردپرسی استایل ها را تغییر دهید. این تغیرات به شکلی مستقیم روی صفحه مورد نظر ایجاد خواهد شد.

5. افزونه PageEdit

به کمک این افزونه می توانید صفحه مرورگر خود را به یک ویرایشگر اچ تی ام ال آن هم در حالت WYSIWYG تبدیل کنید. آنگاه می توانید هر صفحه ای که در نظر دارید را با ان ویرایش نمایید.

6. اکستنشن Validity
   
   

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

7. افزونه Visual Inspoector

اگر به دنبال این هستید که در کروم بدون کدنویسی بتوانید روی سایت تغییراتی را به شکل موقت و نه دائمی ایجاد کنید می توانید از افزونه Visual Inspoector استفاده کنید و لذت ببرید.

8. اکستنشن Check My Links

با این اکستنشن قادر هستید کلیه لینک هایی که مورد استفاده قرار داده اید را زیر نظر بگیرید. چون کار افزونه Check My Links این است که صفحه های شما را مورد بررسی قرار داده و سپس لینک های درست را به رنگ سبز و لینک های بروکن(لینک های شکته) را به رنگ قرمز به نمایش درمی آورد.

9. افزونه Dimensions

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

10. اکستنشن ColorZilla

اگر بخواهیم به اصل این افزونه توجه کنیم همانطور که از نام آن هم مشخص است برا مرورگر فایرفاکس طراحی شده است. با ColorZilla شما ابزارهای متنوعی برای بهره‌گیری از رنگ ها در مرورگرتان در اختیار خواهید داشت که عبارت هستند از:

• Palette
• Eyedropper
• color picker
• gradient generator
• viewer

11. افزونه Font Playground
    
    

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

12. اکستنشن Responsive Web Design Tester

با این افزونه می توانید سرعت سایت را در موبایل های مختلف تست کرده و بررسی کنید. Responsive Web Design Tester یک ابزار خوب برای تست ریسپانسیو بودن سایت ها هم به شمار می آید.

خلاصه

در این مطلب از مدادسبز به چند مورد از افزونه های ضروی مرورگر برای برنامه نویسان پرداخته و انها را به شما معرفی کرده ایم. به کمک این افزونه ها شما می توانید کارایی و همینطور سرعت خود را ارتقا داده و بهبود ببخشید. اگر اکستنشن خاصی برای برنامه نویسی می‌شناسید، در بخش نظرات برای ما ارسال کنید.