آموزش ها-هاست نگار

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

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

 

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

 

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

 

1. Cookie Editor

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

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

 

2. Moz Bar

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

⇐ آموزش ساخت لینک خروجی nofollow در وردپرس

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

 

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

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

 

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

 

آموزش های مرتبط:

 آموزش نحوه پاک کردن کش مرورگر

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

آموزش ثبت سایت در سرچ کنسول گوگل

 

نوشتن دیدگاه


تصویر امنیتی
تصویر امنیتی جدید

خرید هاست

 

آموزش های مرتبط