معرفی 10 افزونه گوگل کروم مخصوص طراحان وب - گروه برنامه نویسی دات وب

برای مشاهده یافته ها از کلید Enter و برای خروج از کلید Esc استفاده کنید.

معرفی ۱۰ افزونه گوگل کروم مخصوص طراحان وب

امروز قصد داریم به معرفی ۱۰ افزونه گوگل کروم مخصوص طراحان وب بپردازیم.

مرورگر گوگل کروم یکی از محبوب ترین مرورگرهای برای علاقه مندان وب گردی و کاربران اینترنت است.

یکی از ویژگی های جذاب گوگل کروم پشتیبانی از Extensions یا برنامه های افزودنی است که کارایی این مرورگر را بهبود می بخشد.

امروز قصد داریم ۱۰ تا از پلاگین ها یا همون برنامه های افزودنی به گوگل کروم را که نیاز تمام طراحان وب هست به شما معرفی کنیم.

۱- افزونه Wappalyzer

افزونه Wappalyzer برای گوگل کروم
افزونه Wappalyzer برای گوگل کروم

Wappalyzer یک افزونه برای گوگل کروم است که به شما این قابلیت رو میده تا بتونید بررسی کنید که یک سایت با چه تکنولوژی هایی نوشته شده است. این افزونه قادر به کشف بیش از ۱۰۰۰ فناوری از جمله سیستم های مدیریت محتوا ، پلتفرم های تجارت الکترونیکی ، چارچوب های وب ، نرم افزار سرور ، ابزارهای تحلیلی و موارد دیگر است.

برای مشاهده و نصب افزونه Wappalyzer روی لینک زیر کلیک کنید :

 

۲- افزونه Bootstrap resize tool

افزونه Bootstrap resize tool برای گوگل کروم
افزونه Bootstrap resize tool برای گوگل کروم

این افزونه برای طراحان وب خیلی کارایی داره. افزونه Bootstrap resize tool به شما کمک میکنه هنگام طراحی قالب بتونید سایز پنجره مرورگرتون رو به اندازه های پیش فرض بوت استرپ مثل col-md و col-sm و… تغییر بدید و قالب تون رو از لحاظ رسپانسیو بودن بررسی کنید.

برای مشاهده صفحه افزونه Bootstrap resize tool روی لینک زیر کلیک کنید :

 

۳- افزونه Web Developer

افزونه Web Developer برای گوگل کروم
افزونه Web Developer برای گوگل کروم

 

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

برای مشاهده صفحه افزونه Web Developer روی لینک زیر کلیک کنید :

 

۴- افزونه WhatFont

افزونه WhatFont برای گوگل کروم
افزونه WhatFont برای گوگل کروم

 

حتما برای شما هم پیش اومده که در حین بازدید از یک سایت بخواید بدونید فونت به کار رفته در اون سایت چی هست و از چه سایز و رنگ متنی استفاده شده. افزونه WhatFont همین کار رو برای شما انجام میده. کافیه این برنامه رو به گوگل کروم خود اضافه کنید. حالا هر موقع که خواستید ببینید چه فونتی در نوشته های یک سایت استفاده شده کافیه این افزونه رو انتخاب کنید و موس رو بر روی متن مورد نظر ببرید. به همین راحتی اطلاعات کاملی از اون فونت رو برای شما به نمایش در میاره.

برای مشاهده صفحه افزونه WhatFont روی لینک زیر کلیک کنید :

 

۵- افزونه ColorZilla

افزونه ColorZilla برای گوگل کروم
افزونه ColorZilla برای گوگل کروم

 

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

برای مشاهده صفحه افزونه ColorZilla روی لینک زیر کلیک کنید :

 

معرفی ۱۰ افزونه گوگل کروم مخصوص طراحان وب

 

۶- افزونه JSON Formatter

افزونه JSON Formatter برای گوگل کروم
افزونه JSON Formatter برای گوگل کروم

 

با استفاده از این افزونه خواندن کدهای json را در مروگر گوگل کروم راحت تر کنید.

برای مشاهده صفحه افزونه JSON Formatter روی لینک زیر کلیک کنید :

 

۷- افزونه Full Page Screen Capture

معرفی 10 افزونه گوگل کروم مخصوص طراحان وب
افزونه Full Page Screen Capture برای گوگل کروم

 

از صفحاتی که میخواهید در گوگل کروم عکس بگیرید. با کمک این افزونه به راحتی یک اسکرین شات از سایت ها و صفحات مدنظرتون بگیرید. خروجی اون رو میتونید در دو فرمت PNG و PDF ذخیره کنید.

برای مشاهده صفحه افزونه Full Page Screen Capture روی لینک زیر کلیک کنید :

 

۸- افزونه Page Ruler

افزونه Page Ruler برای گوگل کروم
افزونه Page Ruler برای گوگل کروم

 

افزونه Page Ruler خط کش را در صفحه وب قرار می دهد. عرض ، ارتفاع و موقعیت (بالا ، پایین ، چپ و راست) هر عنصری را که می خواهید اندازه گیری کنید برای شما فراهم می کند. برای تغییر اندازه می توانید لبه های خط کش را بکشید یا از کلیدهای جهت دار برای جابجایی یا تغییر اندازه استفاده کنید

برای مشاهده صفحه افزونه Page Ruler روی لینک زیر کلیک کنید :

 

۹- افزونه Check My Links

افزونه Check My Links برای گوگل کروم
افزونه Check My Links برای گوگل کروم

 

ما به زودی در یک مطلب ، ابزارها و افزونه های گوگل کروم برای سئو سایت رو به شما معرفی خواهیم کردیم. اما افزونه Check My Links ، افزونه ای هست که معرفی اون در این لیست خالی از لطف نیست.

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

افزونه check my links به سرعت همه پیوندها را در یک صفحه وب پیدا می کند و هر یک از آنها را برای شما بررسی می کند. سپس مشخص میکند که کدام یک معتبر هستند و کدام یک از آنها شکسته اند ، به همین سادگی.

برای مشاهده صفحه افزونه Check My Links روی لینک زیر کلیک کنید :

 

۱۰- افزونه CSSViewer

معرفی 10 افزونه گوگل کروم مخصوص طراحان وب
افزونه CSSViewer برای گوگل کروم

برای مشاهده صفحه افزونه CSSViewer روی لینک زیر کلیک کنید :

 

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

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

با تشکر از وقتی که برای خوندن این مطلب گذاشتید.

 

 

دات وب

مهران مافی