از آنجایی که گوگل کروم به یکی از محبوب ترین مرورگرها بین کاربران وب تبدیل شده است , طراحان وب نیز طراحی های خود را بر پایه این مرورگر بنا کرده اند ; در این آموزش قصد داریم 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
یکی از بهترین افزونه ها جهت رفع اشکلات طراحی بصورت زنده و بدون کد گذاری است. از امکانات این افزونه میتوان به بازرسی و تغییر کلیه خصوصیات طراحی در صفحه وب مانند موقعیت ، رنگها ، شیب و … ، ویرایش متن سایت بدون کد گذاری ، اشاره کرد.
امیدواریم این آموزش برای شما مفید بوده باشد و به وسیله آن توانسته باشید ابزار کروم ضروری خود را پیدا کنید و آنها را دانلود کنید. درصورت بروز هرگونه سوال یا مشکل میتوانید آن را در بخش دیدگاه بیان کنید.
آموزش های مرتبط:
رفع مشکل عدم ایندکس تصاویر سایت در گوگل بعد از استفاده از کلودفلر
آموزش ثبت سایت در سرچ کنسول گوگل