برای فعالیت های دیجیتال خود نیاز به بهترین افزونه های گوگل کروم دارید تا دقیق تر و سریع تر کار کنید؟ اگه دارید از گوگل کروم به عنوان مرورگر اصلی استفاده میکنید، باید حواستون باشه که یه سری افزونه‌های خیلی خوب برای این مرورگر وجود داره که می‌تونن سرعت طراحی و کارایی تون رو بالاتر ببرن. تو این مقاله، جرگه سعی کرده بهترین افزونه‌هایی که برای طراحی سایت لازمه رو معرفی کنه. پس اگه می‌خواید بدونید چه افزونه‌هایی به کارتون میاد، تا آخر مقاله با ما باش.
آنچه در این مقاله مطالعه میکنید :
چرا باید این مقاله رو تا ته بخونی؟
چون همه افزونه‌هایی که معرفی شدن رایگان هستن و به راحتی میتونید توی اکستنشن های کروم سرچ کنید و با یه کلیک به افزونه هاتون اضافه کنید که میتونه توی طراحی سایت در زنجان و یا هر استان دیگه ای خیلی براتون کاربرد داشته باشه.
گوگل کروم یکی از محبوب‌ترین مرورگراس و کلی امکانات جذاب برای طراحای وب داره. این افزونه‌ها بهتون کمک می‌کنن که راحت‌تر، سریع‌تر و خلاقانه‌تر کار کنید. اگه فریلنسر، طراح سایت یا گرافیست هستید، قطعاً آشنایی با این افزونه‌ها به کارتون میاد.
افزونه‌های معرفی‌شده نه‌تنها برای گوگل کروم، بلکه برای مرورگرهای دیگه مثل اپرا و اج هم قابل نصب هستن.
معرفی بهترین افزونه گوگل کروم برای طراحان سایت
تو این مقاله تلاش کردیم یه سری از بهترین افزونه‌های گوگل کروم رو که به درد طراحای گرافیک و وب می‌خورن، معرفی کنیم. این افزونه‌ها بهتون کمک می‌کنن که سریع‌تر و بهتر طراحی‌هاتون رو انجام بدید.
افزونه‌ای که برای طراحای وب با ارزشه، باید کلی امکانات خفن داشته باشه. مثلاً بتونید باهاش کدهای منبع رو باز و سفارشی کنید، ابزارهایی برای توسعه و تست سایت، مثل دیباگ کردن CSS و HTML، ویرایش کدهای متنی و CSS داشته باشه، تغییرات CSS رو نشون بده و سرعت بارگذاری صفحات وب رو بالا ببره.
این جور افزونه‌ها باعث می‌شن که تو فرآیند طراحی سایت سرعت و کارایی بیشتری داشته باشید.
1. افزونه گوگل کروم Visual Inspector
یکی از بهترین افزونه‌هاست که بهتون اجازه میده مشکلات طراحی رو به صورت زنده و بدون نیاز به کدنویسی برطرف کنید. با این افزونه، میتونید همه جزئیات طراحی مثل موقعیت، رنگ‌ها، گرادیانت و موارد دیگه رو بررسی و تغییر بدید. همچنین، میتونید متن‌های سایت رو هم بدون کدنویسی ویرایش کنید. به‌طور خلاصه، این افزونه بهتون کمک می‌کنه طراحی سایتتون رو راحت‌تر و سریع‌تر اصلاح کنید.
2. افزونه IntoDNS Chrome
افزونه IntoDNS Chrome بهتون این امکان رو میده که فقط با یک کلیک سایتتون رو توی IntoDNS بررسی کنید. با این افزونه میتونید DNS های دامنه‌ای که می‌خواید رو ببینید و به اطلاعات دیگه‌ای درباره اون دامنه دسترسی پیدا کنید. خیلی راحت و سریع، همه چیز دم دستتون میاد.
3. IP Whois & Flags Chrome & Websites Rating
افزونه IP Whois & Flags Chrome & Websites Rating یه عالمه اطلاعات رو درباره سایت بهتون نشون میده. مثلاً پرچم کشور سایت، اطلاعات Whois، تعداد بازدیدکننده‌ها، نتیجه بررسی آنتی‌ویروس، رتبه الکسا، موقعیت مکانی سایت، آدرس‌های IPv4 و IPv6، نام هاست، اطلاعات DNS و سرورهای دامنه رو میتونید ببینید. حتی میتونید بفهمید که چه سایت‌های دیگه‌ای هم از همین IP استفاده می‌کنن. خلاصه، همه چی رو یه جا بهتون نشون میده!
4. افزونه WPSNIFFER
وقتی وارد یه سایت میشید، قالب وردپرس اون سایت رو براتون تشخیص میده. یعنی به راحتی و فقط با یه کلیک میتونید بفهمید که اون سایت از چه قالب وردپرسی استفاده می‌کنه. خیلی سریع و راحت!
5. افزونه Image Downloader
بهت این امکان رو میده که همه عکس‌های موجود توی یک صفحه رو دانلود کنید. حتی اون تصاویری که نمی‌تونید با کلیک راست دانلودشون کنید هم با این افزونه قابل دسترسی و دانلود هستن. یعنی هر عکسی رو که بخواید، خیلی راحت میتونید بگیرید!
6. افزونه Google Translate
افزونه Google Translate بهتون کمک می‌کنه وقتی تو یه سایت به کلمه‌ای برخوردید که معنی‌شو نمی‌دونید، فقط با یه کلیک و انتخاب اون کلمه، ترجمه‌ش رو ببینید. اگه هم کل سایت به یه زبان دیگه بود، میتونید با همین افزونه کل صفحه رو به زبان خودت ترجمه کنید. همه چیز رو سریع و راحت براتون ترجمه می‌کنه!
7. افزونه Alexa Traffic Rank
افزونه Alexa Traffic Rank بهتون اجازه میده رتبه سایت رو هم توی کشور و هم به صورت جهانی ببینید. با این رتبه میتونید بفهمید سایتتون چقدر محبوبه و چه جایگاهی داره. خیلی راحت میتونید وضعیت سایتتون رو بسنجید!
8. افزونه گوگل کروم Cloud Save
اگه به فضای ذخیره‌سازی آنلاین نیاز دارید، خبر خوب اینه که با نصب افزونه Cloud Save میتونید فایل‌هاتون رو تو ۱۰ تا سرویس ذخیره‌سازی ابری مختلف نگهداری کنید. راحت و سریع، همه چیزتونو میتونید آنلاین ذخیره کنید!
9. افزونه TooManyTabs
وقتی توی کروم تب‌های زیادی باز میکنید، اندازه تب‌ها خیلی کوچیک می‌شه. با افزونه TooManyTabs میتونید این مشکل رو حل کنید و تب‌هاتون رو بر اساس اسم یا آدرس مرتب کنید. همچنین، میتونید از تب‌هاتون بکاپ بگیرید، تب‌های اخیر رو بازیابی کنید و کلی کار دیگه انجام بدید. خلاصه، نظم تب‌هاتون رو راحت‌تر مدیریت میکنید!
10. افزونه Validity
افزونه Validity بهتون کمک می‌کنه کدهایی که استفاده میکنید رو اعتبارسنجی کنید. این افزونه از استانداردهای W3C هم پشتیبانی می‌کنه. بعد از نصبش، میتونید با استفاده از کلیدهای میانبر Alt + Shift + V اعتبار صفحه‌ای که دارید روش کار میکنید رو ببینید. خیلی سریع و راحت وضعیت کدها رو چک میکنید!
11. افزونه IE Tab
افزونه IE Tab بهتون اجازه میده سایت تون رو به راحتی توی اینترنت اکسپلورر چک کنید، ولی داخل خودِ کروم! علاوه بر این، میتونید از تکنولوژی‌هایی مثل جاوا، سیلورلایت، اکتیوایکس و شیرپوینت هم استفاده کنید. یعنی همه اینا رو توی کروم میتونید اجرا کنید بدون نیاز به باز کردن اینترنت اکسپلورر.
12. افزونه Wappalyzer
افزونه Wappalyzer یه ابزار خیلی کاربردیه، شبیه به Web Developer. با این افزونه میتونید بفهمید که یه سایت از چه تکنولوژی‌هایی استفاده می‌کنه؛ مثلاً سیستم مدیریت محتوا، پلتفرم تجارت الکترونیک، فریم‌ورک وب، نرم‌افزار سرور، و ابزارهای تحلیل و موارد دیگه رو تشخیص میده. یه راه سریع برای اینکه بفهمی سایت‌ها چطور ساخته شدن!
13. افزونه Web Developer
افزونه Web Developer بهتون این امکان رو میده که همه جزئیات صفحه وب خودتون رو کنترل کنید و اطلاعات لازم رو بدست بیارید. با این افزونه میتونید:
- فایل‌های HTML و CSS رو ویرایش کنید
- کنترل و ویرایش کدهای JavaScript رو انجام بدید
- کوکی‌ها رو مدیریت کنید
- فرم‌ها و تصاویر رو تغییر بدید
- صفحه سایت رو اعتبارسنجی کنید
- اندازه صفحه رو تغییر بدی و کارای دیگه
به‌طور خلاصه، این افزونه بهتون کمک می‌کنه که کامل روی صفحه وب خودت تسلط داشته باشید.
افزونه FireBug Lite بهتون این امکان رو میده که المان‌های مختلف صفحه رو بررسی کنید و تغییراتی توشون بدید. با این افزونه میتونید CSS، HTML و JavaScript رو هم ویرایش کنید. یعنی به راحتی میتونید بخش‌های مختلف صفحه وب رو چک کنید و تغییرات لازم رو اعمال کنید.
14. افزونه BuiltWith Technology Profiler
افزونه BuiltWith Technology Profiler بهتون کمک می‌کنه تا تکنولوژی‌ها، افزونه‌ها، وب‌سرور و مشخصات یه سایت رو به راحتی بفهمید. با این افزونه میتونید اطلاعات کامل درباره سایت مورد نظر، از جمله سیستم مدیریت محتوا (CMS) و فریم‌ورک‌هایی که استفاده کرده، رو بدست بیارید. یعنی به راحتی میتونید بفهمید سایت با چه ابزارهایی ساخته شده.
15. افزونه CSSViewer
افزونه CSSViewer بهتون این امکان رو میده که اطلاعات و کدهای CSS هر قسمت از سایت رو ببینید. با استفاده از این افزونه، فقط با یه کلیک میتونید CSS هر المان توی صفحه رو مشاهده کنید. یعنی خیلی سریع و راحت میتونید کدهای CSS رو بررسی کنید.
16. افزونه Yet Another Lorem Ipsum Generator
افزونه Yet Another Lorem Ipsum Generator بهتون این امکان رو میده که متن‌های مختلف رو مستقیماً توی وب‌سایت وارد کنید یا کپی کنید. با این افزونه، میتونید نوع متن و مقدارش رو هم خودت تعیین کنید. یعنی به راحتی میتونید متن‌های مورد نیازتون رو تولید کنید و توی پروژه‌هات استفاده کنید.
17. Ghostery – Privacy AD Blocker
می‌خوایم یه افزونه قدرتمند به نام Ghostery رو بهت معرفی کنیم که بهتون کمک می‌کنه تبلیغات رو مسدود کنید، ردیاب‌ها رو متوقف کنید و سرعت سایتتون رو بیشتر کنید. با این افزونه میتونید تبلیغات رو ببندید، حریم خصوصی تون رو محافظت کنید، و مرورگر رو سریع‌تر کنید. یه ابزار عالی برای تجربه بهتر و امن‌تر در اینترنت!
18. Super Simple Auto Refresh
آیا زیاد نیاز دارید صفحه رو رفرش کنید و از کلیک کردن روی دکمه ریلود یا زدن Ctrl + R خسته شدید؟ با افزونه Super Simple Auto Refresh دیگه نیازی به این کار دستی ندارید. این افزونه به طور خودکار صفحه رو رفرش می‌کنه. فقط کافیه زمان مشخصی برای رفرش صفحه تعیین کنید، و بعد از اون، افزونه به صورت خودکار این کار رو انجام میده. یعنی دیگه هیچ وقت نیازی به رفرش دستی نخواهی داشت!
19. افزونه ColorZilla
افزونه ColorZilla بهتون کمک می‌کنه رنگ‌های مختلف توی صفحه وب رو پیدا کنید. با استفاده از این افزونه میتونید کد رنگ‌هایی که توی صفحه استفاده شده رو پیدا کنید و ازشون برای کارای خودتون استفاده کنید. یعنی خیلی راحت میتونید رنگ‌ها رو شناسایی و به کار ببرید.
20. افزونه URL Shortener
آیا از طولانی بودن لینک‌ها خسته شدید؟ با افزونه URL Shortener میتونید لینک‌های بلند رو به راحتی کوتاه کنید. فقط کافیه این افزونه رو نصب کنید و هر آدرس صفحه‌ای رو که می‌خواید، به یک لینک کوتاه تبدیل کنید. یعنی دیگه نیازی به نگرانی درباره لینک‌های طولانی نخواهی داشت!
21. افزونه Shaparak Verifier
با نصب افزونه Shaparak Verifier میتونید مطمئن بشید که درگاه‌های پرداختی که واردشون میشید، معتبر هستن و بهت کمک می‌کنه از فیشینگ جلوگیری کنید. فقط کافی‌ِ بعد از نصب این افزونه و ورود به صفحه درگاه پرداخت، روی آیکون افزونه کلیک کنید تا اعتبار درگاه رو بررسی کنید. یعنی با این افزونه راحت‌تر میتونید از امنیت پرداخت‌های آنلاین خودت مطمئن بشید.
22. افزونه Awesome Screenshot
اگر به گرفتن عکس از صفحه نیاز دارید، افزونه Awesome Screenshot میتونه بهتون کمک کنه. این افزونه نه تنها بهتون امکان گرفتن عکس از صفحه رو میده، بلکه میتونید باهاش فیلم‌برداری از صفحه همراه با صدا هم انجام بدید. یعنی با نصب این افزونه، دو تا از کاربردی‌ترین ابزارها رو دارید؛ هم اسکرین‌شات بگیرید و هم اسکرین‌کست درست کنید، و بعدش هم میتونید این‌ها رو ذخیره و با دیگران به اشتراک بذارید.
23. افزونه Font Finder
اگر تا حالا به فونتی توی یه صفحه وب دقت کردید و خواستید از همون فونت استفاده کنید، افزونه Font Finder بهتون کمک می‌کنه تا به راحتی اون فونتون رو پیدا کنید. یعنی با این افزونه میتونید بفهمید که فونت استفاده شده توی سایت چی هست و اون رو برای خودتون به کار ببرید.
24. افزونه Broken Link Checker
با استفاده از افزونه Broken Link Checker میتونید لینک‌های شکسته توی یه سایت رو پیدا کنید. لینک‌های شکسته اونایی هستن که وقتی روشون کلیک میکنید، با صفحه‌ای خالی یا خطای 404 روبه‌رو میشید. این افزونه به شما کمک می‌کنه تا این لینک‌های خراب رو شناسایی کنید و مشکلشون رو برطرف کنید.
25. افزونه My IP Address
با نصب افزونه My IP Address میتونید هر زمان که بخواید، آدرس IP، دامنه و ISP خودتون رو ببینید. علاوه بر این، میتونید بررسی کنید که آیا آدرس IP شما توی معروف‌ترین لیست‌های سیاه (بلک‌لیست‌ها) وجود داره یا نه. یعنی به راحتی میتونید اطلاعات و وضعیت IP خودتون رو پیگیری کنید.
26. افزونه Measure it
اگر دوست دارید اندازه عرض و ارتفاع یک المان توی صفحه رو پیدا کنید، افزونه Measure it به دردتون می‌خوره. با این افزونه میتونید اندازه عناصر صفحه رو به صورت پیکسلی ببینید. یعنی راحت میتونید بفهمید هر بخش از صفحه چقدر بزرگ یا کوچک هست.
27. افزونه Moz Bar
با افزونه Moz Bar میتونید لینک‌های فالو و نوفالو رو پیدا کنید. همچنین میتونید امتیاز DA (Domain Authority) و میزان اسپم بودن سایت‌ها رو هم ببینید. اگر دوست دارید اطلاعات بیشتری درباره لینک‌های نوفالو بدست بیارید، میتونید از آموزش‌های زیر استفاده کنید.
28. افزونه Cookie Editor
با افزونه Cookie Editor میتونید کوکی‌های سایت‌ها رو مدیریت کنید. این افزونه رایگان و خیلی راحت برای استفاده هست. با کمک این افزونه میتونید کوکی‌ها رو حذف کنید، ویرایش کنید یا بهشون اضافه کنید. یعنی به سادگی میتونید کنترل کاملی روی کوکی‌های سایت‌ها داشته باشید.
29. پلاگین Mobile Simulator
اگر طراح هستید و به طور مداوم نیاز دارید که وضوح سایت موبایل رو بررسی کنید، شبیه‌ساز موبایل به شما کمک می‌کنه تا طراحی‌های خودتون رو به راحتی در شرایط واقعی تست کنید. با این شبیه‌ساز میتونید طراحی سایت رو روی انواع گوشی‌های هوشمند و تبلت‌ها امتحان کنید. همچنین، اگر بخواهید کار خودتون رو با تیم به اشتراک بذارید، میتونید از شبیه‌ساز اسکرین‌شات‌های شفاف به فرمت PNG بگیرید و اون‌ها رو توی ایمیل، اسلایدهای ارائه و غیره استفاده کنید.
30. Fonts Ninja
یه ابزار فوق‌العاده برای شناسایی فونت‌هاست. این افزونه گوگل کروم میتونه بهتون کمک کنه تا فونت‌ها و ویژگی‌های CSS رو شناسایی کنید و اطلاعاتی درباره فونت‌ها بدست بیارید. با این افزونه میتونید کار طراحی خودتون رو سریع‌تر پیش ببرید. حتی میتونید فونت‌هایی که توی وب‌سایت‌ها پیدا کردید رو مستقیماً توی همین افزونه ذخیره کنید.
اگر می‌خواهید فونت‌هایی رو که پیدا کردید امتحان کنید، میتونید نسخه macOS/Windows این افزونه رو دانلود کنید و فونت‌ها رو توی برنامه‌هایی مثل Illustrator، Photoshop، یا Figma تست کنید.
توی این مطلب سعی کردیم بهترین افزونه های گوگل کروم رو به شما معرفی کنیم تا بتونید به حرفه ای ترین حالت ممکن کارهاتون رو انجام بدید و در کنارش سرعت کارتون رو هم بالا ببرید. به نظر شما بهترین اکستنشن کدومه؟
