بهترین اکستنشن های کاربردی کروم برای طراحان سایت

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

پلاگین های کروم برای طراحان وب سایت

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

• افزونه Githunt
• افزونه WhatFont
• افزودنی Fonts Ninja
• افزودنی ColorPick Eyedropper
• افزودنی Window Resizer
• افزونه BrowserStack
• افزونه CSS Viewer
• افزونه Lorem Ipsum Generator
• افزونه Ghostery
• افزونه Wappalyzer
• افزونه Clear Cache
• افزونه HTML Validator
• افزونه ColorZilla
• افزونه Dimensions

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

بیشتر بخوانید: آموزش صدور فاکتور در ووکامرس به صورت گام به گام 

1- افزونه Githunt

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

2- افزونه WhatFont

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

3- افزودنی Fonts Ninja

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

4- افزودنی ColorPick Eyedropper

یکی دیگر از افزونه های کاربردی کروم برای طراحان سایت افزونه ColorPick Eyedropper است. این افزونه یک انتخابگر زوم بسیار منظم برای صفحات وب است و می‌تواند یک انتخاب عالی برای برنامه ‌نویسان باشد، زیرا می‌تواند به سرعت هر رنگی را در هر صفحه وب شناسایی و بزرگ‌نمایی کند. بنابراین می‌توانید حاشیه‌ای با عرض ۱ پیکسل انتخاب کنید. زمانی که این افزودنی را در مرورگر خود نصب کردید، به سادگی آیکون کافیست چرخ رنگ را برای فعال کردن آن انتخاب کنید. سپس مکان‌نما شما به حالت متقاطع تغییر می‌کند، قسمتی را که می‌خواهید شناسایی کنید برجسته و باید مقادیر RGB و هگز را در سمت راست صفحه مشاهده کنید.

5- افزودنی Window Resizer

Window Resizer یک افزونه فوق‌العاده مفید کروم برای توسعه‌دهندگان وب است. این افزونه در عین سادگی که دارد بسیار موثر نیز است. به خصوص هنگام کار با طرح‌ها یا برنامه‌های ریسپانسیو. کافیست آن را در مرورگر کروم خود نصب کنید و سپس اندازه هر صفحه‌ای را که روی آن کار می‌کنید، به طیف وسیعی از اندازه‌های صفحه محبوب تغییر می‌دهد. این افزودنی همچنین از اکثر سایزهای موبایل، تبلت و دسکتاپ به خوبی پشتیبانی می‌کند.

بیشتر بخوانید: آموزش افزونه Advanced Database Cleaner 

6- افزونه BrowserStack

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

7- افزونه CSS Viewer

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

8- افزونه Lorem Ipsum Generator

Lorem Ipsum Generator یکی از بهترین افزونه های کروم است که متن پرکننده را برای وب سایت‌های آزمایشی تولید می‌کند و این کار را به خوبی انجام می‌دهد. کافیست به سادگی افزونه را نصب کنید، آن را در یک صفحه انتخاب کرده و به آن بگویید که چه مقدار کپی می‌خواهید ایجاد کنید و آن را از پنجره کپی کنید. سپس آن را در صفحه خود جای‌گذاری کنید.

9- افزونه Ghostery

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

بیشتر بخوانید: جستجوی معنایی یا Semantic Search چیست؟ 

10- افزونه Wappalyzer

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

11- افزونه Clear Cache

افزونه Clear Cache یک افزونه کاربردی گوگل کروم برای طراحان سایت است. کافیست برنامه افزودنی را نصب کنید. سپس یک آیکون بازیافت کوچک را در مرورگر خود مشاهده خواهید کرد که با انتخاب آن کش مرورگر شما پاک می‌شود. کار کردن با این ابزار بسیار ساده است و هیچ نیازی به کارهای اضافی نخواهید داشت.

12- افزونه HTML Validato

HTML Validator یک ابزار سریع برای بررسی HTML در یک مرورگر و از بهترین افزونه کروم ضروری برای طراحی سایت است. صدها ابزار HTML وجود دارد و احتمالاً تعدادی از آنها را از قبل داشته باشید.

13- افزونه ColorZilla

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

14- افزونه Dimensions

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

سوالات متداول

جمع‌بندی

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

منبع: wpastra