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

چهارشنبه, ۷ام بهمن , ۱۳۸۸ | ۲۲ دیدگاه

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

مدتی هست که وضعیت دسترسی به افزونه های گوگل کروم تغییراتی کرده است ، توسعه دهندگان افزونه های زیادی را برای این مرورگر تولید کرده اند و بر این باور هستند که این مرورگر سرعت بیشتری نسبت به فایرفاکس دارد و البته cpu را نیز کمتر مورد استفاده قرار می دهد. افزونه ها در این مرورگر به راحتی قابل نصب و حذف هستند حتی بدون نیاز به ریست شدن مرورگر ( برخلاف فایرفاکس ). با تمام مواردی که ذکر شد به معرفی ۱۵ افزونه گوگل کروم می پردازیم و این شما هستید که تصمیم می گیرید زمان استفاده از این مرورگر فرا رسیده است یا هنوز نه !

Firebug lite

این افزونه به توسعه دهندگان وب این امکان را می دهد که element های گوناگون در صفحه از را مورد بررسی قرار دهند و همچنین امکان ویرایش css  و xhtml و البته JavaScript را نیز می دهد. این امکانات باعث جذب خیلی از کاربران به این افزونه شده اند. افزونه  Firebug lite نسخه ی مخصوص کاربران گوگل کروم است بر خلاف Firebug که برای کاربران فایرفاکس تهیه شده است.

دانلود این افزونه

Pendule

این افزونه یک پکیج کامل برای توسعه دهندگان محسوب می شود. در این مجموعه ابزاری همچون انتخاب گر رنگ و خط کش به چشم می خورد. البته از امکانات دیگر این مجموعه می توان به امکان مشاهده سورس صفحه، غیرفعال نمودن css و مخفی نمودن تصاویر و نمایش Alt text ها اشاره کرد. وجود تائید کننده های css و html و feed ها نیز در این مجموعه قابل ذکر می باشد.

دانلود این افزونه

META SEO Inspector

این افزونه به توسعه دهنده وب کمک می کند تا اطلاعات مهمی و مخفی که نیاز دارد را مشاهده نماید. به شما به عنوان توسعه دهنده اجازه می دهد برای بهینه سازی سایت خود ( مفید برای موتور های جستجو) وجود تگ های مهم را مشاهده و تائید نمایید. این افزونه به شما هنگامی که اطلاعات meta tag ها کامل نباشد اخطار می دهد. در تصویر مربوط به این افزونه این اخطار را مشاهده خواهید نمود که به کاربر عدم وجود تگ کلمات کلیدی و تگ توضیحات را اخطار کرده است.

دانلود این افزونه

Aviary Screen capture

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

دانلود این افزونه

Lorem Ipsum Generator

افزونه ای ساده ولی پرکاربرد برای طراحان وب ! این افزونه تا حد ممکن ساده تهیه شده و مقدار کمی از    Cpu را درگیر خود می کند و شما قادر خواهید بود به سادگی هر چه تمام تر lorem ipsum  بسازید و صفحات خود را پر نمایید.

دانلود این افزونه

Resolution Test

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

دانلود این افزونه

Chrome SEO

این افزونه یک نیاز برای افراد محسوب می شود. با کمک این افزونه می توانید تمام ابزار SEO را داشته باشید. این افزونه به شما کمک می کند از ترافیک سایت مورد نظر و یا تعداد صفحات ایندکس شده در موتورهای جستجو گر گوگل و یاهو را به شما اعلام می کند. البته ارتباط با شبکه های اجتماعی و اعلام رتبه سایت مورد نظر شما در سایت هایی مانند Alexa و google pagerank از امکاناتی قابل ذکر این افزونه می باشد.

دانلود این افزونه

IE Tab

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

دانلود این افزونه

iMacros for chrome

برخی از کارها در وب به صورت مداوم توسط شما تکرار می شوند و این افزونه شاید بتواند کمی به شما در این زمینه کمک نماید. توسعه دهنده های وب می توانند از این افزونه برای تست کارایی و یا مشاهده تراکنتش های سایت استفاده نمایند.

دانلود این افزونه

Picnik Extension for chrome

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

دانلود این افزونه

Speed tracer

با کمک افزونه speed tracer مشکلات برنامه و application خود را پیدا کنید و مشکلات آنرا تصحیح کنید. مشکلاتی که ممکن است از ساختار کدهای JavaScript و یا رویداد های DOM و حتی به علت زمان اجرا و … باشد را شناسایی و به صورت کامل برای شما روی صفحه نمایش می دهد تا بتوانید برای حل مشکلات احتمالی اقدام کنید. از ویژگی های این افزونه نمایش تفکیک شده اطلاعات به صورت دقیق و کامل و با کمک نمودار های مجزا می باشد که باعث می شود دقیق تر و مفهوم تر موضوع را بررسی نمایید.

دانلود این افزونه

Validity

افزونه validity به شما در راستای تشخیص و اعتبار سنجی یک سایت کمک می کند تنها کافی است در سایت مورد نظر خود روی آیکون افزونه و یا از میانبر ctrl + alt + v استفاده نمایید. در ضمن می توانید اعتبارسن های W3C را نیز در این افزونه نصب کنید و سایت های مورد نظر را با کمک آن اعتبارسنج ها نیز چک نمایید.

دانلود این افزونه

Snippy

بعد از نصب  افزونه وارد سایت مورد نظر که می شوید روی آیکون snippy کلیک کنید و با لیست کامل snippet  ها و اجزای سایت مواجه می شوید که بنا به خواسته ی خود هر کدام را که انتخاب نمایید امکان ذخیره سازی آنرا این افزونه به شما می دهد. هیچ محدودیت در سایت و نوع snippet  وجود ندارد.

دانلود این افزونه

Chrome flags

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

دانلود این افزونه

BuiltWith

این افزونه باعث می شود شما تمام تکنولوژی های استفاده شده در سایتی که مشاهده می نمایید را ببینید. اطلاعاتی از قبیل افزونه های سایت ، آمار و تجزیه و تحلیل بازدید ها ، نوع فریم ورک ( مانند جاوا و یا دان نت) ، نوع پرتال ، نوع سیستم تبلیغات ، استاندارهای رعایت شده و نوع میزبان وبی که از این سایت میزبانی می کند و اطلاعات مفید دیگر … برای اجرای این افزونه روی آیکون آن باید کلیک کرد.

دانلود این افزونه

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

ممکنه نتونید بعضی از این پلاگین ها رو از سرور گوگل دانلود کنید. من ۱۰ تاشونو که تونستم براتون تو یک فایل کم حجم تدارک دیدم که میتونید از اینجا دانلود کنید آنها رو.

پستهای مرتبط :

۲۰+ افزونه فایرفاکس برای توسعه دهندگان و طراحان وب

Be Sociable, Share!


۲۲ دیدگاه


  1. Hesam
    ۷ بهمن ۱۳۸۸

    ممنون …




  2. مسیح
    ۸ بهمن ۱۳۸۸

    حمید رضا اینکه راجع موضوع داغ گوگل کروم نوشتی خیلی عالیه …
    با همۀ این افزونه ها واقعاً دل کندن از فایرفاکس سخته …
    .
    در ضمن لینک مربوط به فایرباگ به افزونۀ فایرفاکس وصله . اصلاحش کنید لطفاً




  3. حامد ملک
    ۸ بهمن ۱۳۸۸

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




  4. سعید حبیبی
    ۸ بهمن ۱۳۸۸

    ممنون از مطلب مفیدت..

    به شخصه پیشنهاد می کنم از گوگل کروم استفاده بشه بجای فایرفاکس. البته مزایا و ویژگی های فایرفاکس محفوظه. با این حال حتما برای استفاده از تمام ویژگی های گوگل کروم از نسخه دولوپر (Developer) بجای استیبل (Stable) استفاده بشه که برای توسعه دهندگان سازگاری شده. در این مورد هم به اندازه کافی در مباحث گوناگون بحث شده.

    موفق باشید/.




  5. کامران
    ۸ بهمن ۱۳۸۸

    ممنون سعید جان از توضیحاتت




  6. behnaz
    ۸ بهمن ۱۳۸۸

    salam khasye nabashin
    link ha kar nemikonan
    mamnoon az matalebe ghashangetoon




  7. کامران
    ۸ بهمن ۱۳۸۸

    کار میکنن. برای کاربران با آی پی ایرانی مسدود هستند. از این دانلود آخر استفاده کنید




  8. Hesam
    ۸ بهمن ۱۳۸۸

    شاید بی ربط باشه به این موضوع اما واقعا itt عجب بازدیدی داره من حدود ۱۰ تا مطلب رو مشترک شدم روزی ۲۰ تا ایمیل از طرف سایت میاد نسبت به پاسخ دادن کامنت ! از پریانا اینقدر میل ندارم
    ممنون …




  9. کامران
    ۸ بهمن ۱۳۸۸

    حسام جان لطف داری. اینو که گفتی بگم که رکورد بازدید روزانه سایت شکسته شد ۳۵۶۶ نفر ۳ شنبه ای که گذشت




  10. Hesam
    ۸ بهمن ۱۳۸۸

    ایول , موفق باشید




  11. حمید رضا
    ۸ بهمن ۱۳۸۸

    با سلام خدمت دوستان عزیز و با ابراز خوشحالی از اینکه در جمع شما دوستان هستم

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




  12. کامران
    ۸ بهمن ۱۳۸۸

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




  13. دانلود آهن جدید
    ۸ بهمن ۱۳۸۸

    واقعا عالی بود … ممنون !




  14. محمد
    ۹ بهمن ۱۳۸۸

    سلام
    خیلی باحالی نمیدونم چی بگم فقط خیلی حال دادی
    ممنون




  15. محسن
    ۱۰ بهمن ۱۳۸۸

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

    اسمم محسن است و مترجم هستم




  16. ایمان
    ۱۱ بهمن ۱۳۸۸

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




  17. امیر زیدی
    ۱۲ بهمن ۱۳۸۸

    سلام
    منم تصمیم گرفته بودم به گوگل کروم نقل مکان کنم ولی صفحه افزونه هاش برای ایرانیان تحریم شده بود در نتیجه منم اونو تحریم کردم و قصد برگشت ندارم
    راستی کامران جان تقویم سال ۸۹ را طراحی نمی کنی؟




  18. امیررضا
    ۲۹ اسفند ۱۳۸۸

    عالی بود
    من که مرورگر پیشفرض خودم رو کروم گذاشتم
    بابت افزونه ها ممنونم




  19. گیشا ( مهندس نرم افزار )
    ۲۹ فروردین ۱۳۸۹

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

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




  20. مهدی
    ۱۵ خرداد ۱۳۸۹

    سلام
    خیلی مفید بود
    با تشکر




  21. سعید
    ۳۰ شهریور ۱۳۸۹

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




  22. جاوید
    ۱ آذر ۱۳۹۰

    دمتون جیز
    خوشم میاد کار آدمو راه میندازین



دیدگاه خود را بنویسید