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

1. Cookie Editor

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

2. Moz Bar

جهت پیدا کردن لینک های فالو و نوفالو میتوانید از این افزونه استفاده کنید. همچنین DA و Spam scor را نیز میتوانید با استفاده از این افزونه بیابید.

3. Measure it

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

4. My IP Address

 با نصب این افزونه میتوانید در هرزمان آدرس IP ، دامنه و ISP را مشاهده کنید. همچنین میتوانید در معروف ترین بلک لیست ها چک کنید که آیا IP شما لیست شده است یا خیر. 

5. Broken Link Checker

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

6. Font Finder

آیا برای شما هم پیش آمده است که پس از ورود به یک صفحه از فونت آن بسیار لذت ببرید و بخواهید شما نیز از آن استفاده کنید؟ این افزونه به شما کمک میکند تا فونت سایت را به راحتی پیدا کنید.

 7. Awesome Screenshot

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

8. Shaparak Verifier

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

9. URL Shortener

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

10. ColorZilla

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

11. Super Simple Auto Refresh

آیا اکثرا نیاز به رفرش صفحه دارید و از کلیک کردن بر روی آیکون ریلود یا Ctrl + R خسته شده اید؟ با استفاده از این افزونه دیگر نیاز نخواهید داشت بصورت دستی صفحه را بارگذاری مجدد کنید بلکه این افزونه بصورت خودکار این کار را برای شما انجام خواهد داد. شما تنها نیاز خواهید داشت تایم مشخص جهت بارگذاری مجدد صفحه را انتخاب کنید و از آن پس دیگر این افزونه به حالت خودکار رفرش صفحه را برای شما انجام خواهد داد.
 

12. Ghostery – Privacy AD Blocker

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

 13. Yet Another Lorem Ipsum Generator

این افزونه انواع متن را مستقیما در وب سایت وارد میکند یا آنها را کپی میکند. همچنین با کمک این افزونه میتوانید نوع متن و مقدار آن را تعیین کنید.

 14. CSSViewer

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

 
15. BuiltWith Technology Profiler

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

 
16. Window Resizer

این افزونه به شما جهت تست سایت در اندازه های مختلف مانند تبلت موبایل و … کمک میکند. همچنین این سایزها قابل تغییر بوده و میتوانید از تنظیمات این افزونه خروجی بگیرید تا در سایر سیستم ها از آن استفاده کنید.

 
17. FireBug Lite

این افزونه امکان بررسی المان های گوناگون در صفحه را برای شما فراهم میکند. همچنین امکان ویرایش CSS , HTML و JavaSript را با استفاده از این افزونه خواهید داشت.

 
18. Web Developer

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

از قابلیت های این افزونه میتوان به ویرایش فایل HTML , CSS کنترل JavaScript در صفحه وب , کنترل و ویرایش کوکی ها , تغییر و کنترل فرم ها و تصاویر , Validate کردن صفحه سایت , Resize کردن صفحه و … اشاره کرد.

 
19. Wappalyzer

این افزونه نیز مانند افزونه Web Developer یک افزونه بسیار کاربردی است و کاربرد آن تشخیص تکنولوژی بکار رفته ، سیستم مدیریت محتوا ، پلت فرم تجارت الکترونیک ، فریم ورک وب ، نرم افزار سرور ، ابزارهای تجزیه و تحیل و … میباشد.

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

 
20. IE Tab

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

 
21. Validity

از این افزونه میتوان جهت اعتبارسنجی کدهای مورد استفاده بهره گرفت. همچنین این افزونه از اعتبارسنجی سازمان جهانی استانداردسازی وب W3C پشتیبانی میکند. پس از نصب این افزونه میتوانید با کمک کلیدهای میانبر Alt + Shift + V اعتبار صفحه فعلی را مشاهده کنید.


22. TooManyTabs

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


23. Cloud Save

آیا نیازمند فضای ذخیره سازی آنلاین هستید؟ خبر خوب! با نصب این افزونه میتوانید فایل های موردنظر خود را در 10 سرویس ذخیره سازی ابری نگهداری کنید.


24. Alexa Traffic Rank

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

 
25. Google Translate

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

 
26. Image Downloader

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

 
27. WPSNIFFER

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

 
28. IP Whois & Flags Chrome & Websites Rating

این افزونه پرچم کشور سایت ، Whois وب سایت ، آمار تعداد بازدید کنندگان آن ، بررسی آنتی ویروس ، الکسا ، موقعیت مکانی وب سایت ، آدرس IPv4 و IPv6 سایت ، نام میزبان ، اطلاعات DNS ، نیم سرورها ، شرکت میزبان و سایت های دیگر در این آدرس IP را نمایش میدهد.

 
29. IntoDNS Chrome

این افزونه راه را جهت بررسی سایت فعلی در IntoDNS به آسانی یک کلیک میکند. با استفاده از این افزونه شما میتوانید DNS های دامنه موردنظر خود را ببینید و به اطلاعات دیگری درمورد دامنه دست پیدا کنید.

 
30. Visual Inspector

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

 

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