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

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

در این مقاله جذاب قصد داریم تا افزونه های کاربردی کروم برای توسعه دهندگان وب را بررسی کنیم . البته که تعداد افزونه های کاربردی کروم که آنها را با عنوان ( Extensions ) می شناسیم بسیار زیاد هستند و هر کدام کاربرد های متفاوت دارند و عملا معرفی آنها در یک مقاله ممکن نیست اما در این مقاله سعی کرده ایم تا بهترین افزونه های کاربردی کروم را که برای طراحان وب بسیار کاربرد دارد را معرفی کنیم .

افزونه Window Resizer

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

افرونه Clear Cache

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

افزونه JSONView

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

افزونه Site Spider

اما ادامه !

افزونه Lorem Ipsum generator

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

افزونه cssViewer

مورد دیگری از افزونه های کاربردی کروم افزونه cssViewer است . این افزونه تقریبا همان کار اینسپکت المنت ( Inspect ) مروگر ها را انجام میدهد . با این تفاوت که این افزونه مختص سی اس اس میباشد . با استفاده از این افزونه میتوانید هر المنت و عنصری که در صفحه وب وجود دارد را انتخاب کنید و در یک پنل شناور اطلاعات سی اس اس مربوط به آن عنصر را مشاهده کنید . این افزونه به شما کمک میکند تا سریع تر و فقط با hover کردن روی یک عنصر همه اطلاعات آن را مشاهده کنید البته در این افزونه این امکان وجود ندارد که بتوانید استایل عناصر را تغییر دهید و فقط برای نمایش استایل یک عنصر در یک صفحه وب کاربرد دارد .

افزونه ColorPick Eyedroppr

شاید شما هم دوست دارید رنگ یک تصویر و یا متن موجود در یک صفحه وب را بدانید و از آن استفاده کنید افزونه کالر پیکر دقیقا به درد شما میخورد و با استفاده از این افزونه رنگ هر پیکسلی از صفحه را دوست داشته باشید میتوانید به دست بیاورید و از آن استفاده کنید . با انتخاب این افزونه روی هر پیکسلی از صفحه که hover کنید رنگ آن پیکسل در یک صفحه شناور به شما نشان داده خواهد شد این افزونه رنگ را براساس کد های rgb , hex و hst نمایش میدهد .

افزونه Web Developer

بدون شک میتوان گفت یکی از بهترین افزونه های کاربردی کروم برای کمک به طراحان وب سایت افزونه Web Developer است . با نصف این افزونه یک مرحله بیشتر به مروگر خود اضافه میکند که امکانات فوق العاده ای را در اختیار شما قرار میدهد . در این افزونه امکان غیر فعال کردن جاوا اسکریپ در یک صفحه وب وجود دارد و همچنین میتوانید سی اس اس یک صفحه را غیر فعال کنید علاوه بر این ها میتوان تصاویر موجود در یک صفحه را مخفی کرد . یکی دیگر از قابلیت های خوب که در این افزونه موجود است امکان مشخص کردن div های موجود در صفحه است . میتوانید به کمک این ابزار محدوده div های موجود در صفحه را به راحتی مشاهده کنید و درک مناسبی از نحوه تقسیم بندی المان ها در صفحه داشته باشید .

 افزونه های کاربردی کروم ، افزونه FireShot

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

افزونه Print Friendly &  Print

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

افزونه wappalyzer

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

امیدواریم مقاله افزونه های کاربردی کروم برای شما مفید بوده باشد . برای مطالعه مقالات بیشتر حتما وب سایت ما را دنبال کنید . سئو 90