06 July 2010

Web Developer Extensions for Chrome

Google Chrome IconImage via Wikipedia
This is a list of Google Chrome’s best developer tools extensions.

  • SpeedTracer
  • Get insight into the performance of your web applications.
  • Pendule
    Web developer tools for Chrome.
  •  Resolution Test
    An extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.  

  • Measureit!
    Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.
  •  Chrome Sniffer
    Detect web frameworks and javascript libraries run on browsing website.
  •  XML Tree
    Displays XML data in a user friendly way.
  •  BuiltWith Technology Profiler
    Find out what the website you are visiting is built with using this extension.
  •  View Selection Source
    View selection source in resizable popup. Drag the bottom right corner to resize. Simple, but very useful for web developers.
  •  JavaScript Tester
    Small extension with no icon, for every JavaScript developer to run and test performance of JavaScript code.
  •  CSS Reloader
    Allows you to reload all the CSS of any site without you have to reload the page itself.
  •  Web developer
    Adds a toolbar button with various web developer tools.
  •  CSS Viewer
    A simple CSS property viewer.
  •  JSonView
    View JSON documents in the browser.
  •  CSS Scan
    Offers a quick overview of CSS properties to the element the mouse cursor is hovering.
  •  Chrome Editor
    Edit HTML easily, right inside your browser.
  •  Multiswitch
    Switch between development, test and productive application.
  •  Regular Expression Checker
    Simple regular expression tester.
  •  PHP Documentation
    PHP documentation, the official PHP Manual for developers.
  •  jsshel
    Interactive Javascript with jQuery and jLinq
  •  Window Resizer
    Resize browser window to emulate various screen resolutions
  •  Aviary Screen Capture
    Take a screenshot of any webpage and edit it directly in your browser with Aviary.com applications with convenient access to the Aviary website and tools.
  •  Eye Dropper
    Eye Dropper and Color Picker extension which allows you to pick color from any webpage or from advanced color picker.
  •  Instant Image Editor
    Edit any image or background image instantly.
  •  Lorem Ipsum Generator
    Creates random dummy text.
  •  Plain Clothes
    Unstyle the web.
  •  Validity
    Click the icon in the address bar or press Ctrl+Alt+V to validate the current page.
  •  Inline Code Finder
    Finds HTML elements with inline JavaScripts events, inline styling and javascript: links
  •  Picnik
    Capture web pages and edit images right in your browser using Picnik

Please leave a Comment below!

Follow me on Twitter