Research your competition and form a plan of attack with these great extensions.
Drag across any webpage to see the exact width and height in pixels that your development project needs to be.
A ruler pops up across your screen that you can drag around to measure any object on a webpage.
Rulers and grids to measure the pieces from any webpage.
Select text on a webpage to quickly and easily see what font it is.
Get the codes for any image on a webpage.
An alternative extension for discovering the codes for any color on a webpage.
Find out where an image originates or if there are any different resolutions out there.
Right-click to initiate a Google Images search to find a different resolution.
Find out how a website is built with the click of a button.
Uncover the technology used to build websites and apps.
Dig in and start developing with these extensions.
Inspect Source Code, HTML, and CSS right in your browser.
A toolbar with a full suite of just about everything you need to look into the elements of a webpage.
Edit any HTML page in Chrome and export the HTML changes.
Real-time code editor for HTML, CSS, and JS.
Extends Chrome’s built-in developer tools with even more information.
Visually edit a page’s CSS.
Overlay a semi-transparent image on a webpage to perform a pixel-to-pixel comparison.
Development Testing Extensions
Your app or site is ready…or is it? Give these extensions a shot to test everything before you publish.
4 separate extensions that make clearing cache and cookies very simple. Features include one-click access to clear cache and selected cache clearing.
Trick the web into thinking you’re on a different browser/device to see how your app or site performs.
Test how your app or site displays on a wide variety of screen resolutions.
The scourge of every developer’s existence. Check out how your app or site displays in Internet Explorer.
Quickly validate your code by clicking an icon in your browser’s address bar.
Remove all style from the web to more quickly and easily diagnose problems.
Investigate why your creations are running so slowly and how to fix them.
Test your apps and sites for accessibility from the colorblind.
Are all the links on your site working? Check it out with this fast-acting extensions.
Sometimes you’re too busy worrying about coding and development to worry about speeling. let this extension help!
Test your app’s security right in your browser.
General Productivity Extensions for Developers
Stay efficient and on-task with these extensions.
Capture and annotate your screen to better communicate changes you recommend or want made.
See how you spend your time on the web and how you can improve your attention-span and efficiency.
Create dummy text to place inside your sites or apps quickly and easily.
Drag over multiple links to open them all at once in new tabs.
Load paginated pages in one page.
Block your access to specific websites that you know will distract you from your work.
Save sessions to quickly view a huge number of tabs you may have open at a later date.
You have a ton of passwords to keep track of so let LastPass do it for you securely.
View the availability of a domain right from your toolbar.
Resize all your tabs and display them in organized layouts on your screen to simulate multi-monitor setups.