1. این پایگاه به ثبت ستاد ساماندهی وزارت فرهنگ و ارشاد اسلامی ایران رسیده است.

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

    عضویت در انجمن رایگان بوده و برای عموم باز میباشد . با صرف 30 ثانیه یکی از اعضای دهه هفتادی ها شوید .

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

شروع موضوع توسط Admin ‏Jan 9, 2012 در انجمن برنامه نویسی و طراحی سایت

  1. Admin

    Admin غواصی فقط تو چشات عضو کادر مدیریت مدیر کل سایت

    12,516
    24,675
    62,921
    هنگامی که گوگل کروم در اواخر سال ۲۰۰۸ وارد عرصه شد بسیاری از توسعه دهندگان و طراحان وب را راضی کرد تا از فایرفاکس به این مرورگر تغییر کاربری دهند. اکثرا توسعه دهندگان همانند خود من هنوز هم فایرفاکس را ترجیح می دهم، مرورگر جدا بر موارد فنی و استانداردهای رعایت شده در آن یک موضوع کاملا شخصی نیز محسوب می شود و به نوعی به عادت وبگری افراد نیز بستگی دارد. البته دستیابی به یک مرورگر کامل نیاز به زمان دارد و این امر با کمک افزونه های مختلف و تنظیمات اختصاصی میسر می گردد. افزونه ها به کاربران مخصوصا طراحان کمک های بسیار زیادی می کنند و وجود آنها به یک نیاز تبدیل گشته است.
    مدتی هست که وضعیت دسترسی به افزونه های گوگل کروم تغییراتی کرده است ، توسعه دهندگان افزونه های زیادی را برای این مرورگر تولید کرده اند و بر این باور هستند که این مرورگر سرعت بیشتری نسبت به فایرفاکس دارد و البته 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 و در بعضی از موارد شلوغی بیش از حد مرورگر باعث اختلال در کار شما می شود و آخرین نکته اینکه در وب بیش از صدها افزونه برای مرورگرها وجود دارد در هنگام دریافت افزونه مورد نظر سعی نمایید افزونه هایی را انتخاب نمایید که دریافت بیشتری داشته و کاربران از آن راضی هستند و در اصل کارایی خود را اثبات کرده است.
    ممکنه نتونید بعضی از این پلاگین ها رو از سرور گوگل دانلود کنید. من ۱۰ تاشونو که تونستم براتون تو یک فایل کم حجم تدارک دیدم که میتونید از

    برای مشاهده لینک ها لطفا ثبت نام کنید و یا اگر حساب کاربری دارید وارد شوید

    کنید آنها رو
     
    ahriman و parmida از این پست تشکر کرده اند.
  2. vandad

    vandad

    1,533
    1,871
    347