Layout Debugger
Chrome extension for highlighting DOM elements to better debug layout issues
Layout Debugger is available to install from Chrome Web Store and for download from this page. It has 916 active users The latest version is 1.7, and it was published 2 years ago.
Total download count:
7
All available versions
You can find the current and older versions of Layout Debugger here. You can download the archived versions or inspect their source codes.
As a free user, you can only download the latest version.
Upgrade to download older versions
2
version available for download.
How to install Layout Debugger from a CRX file
Option 1: The easy way (for Windows users only)
- Download and run chrome-stats.exe file on your PC. This method will allow you to install Chrome extensions directly from chrome-stats.com in one click. You only need to do this once!
- Type in
chrome://restart
in the URL bar to restart the browser for the changes to take effect. - Download and install the Layout Debugger CRX file
Option 2: Advanced method
- Download Layout Debugger CRX file
- NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to use option 1, or download the ZIP file instead.
- In the URL bar, go to
chrome://extensions
- Enable Developer mode
- Drag and drop the downloaded Layout Debugger CRX file into the Extensions page
- When prompted, click Add extension to install Layout Debugger.
How to install Layout Debugger from a ZIP file
- Download and unpack the Layout Debugger ZIP file to a directory of your choice.
- In Chrome browser, go to
chrome://extensions
- Enable Developer mode.
- Click on the Load Unpacked button.
- Select the directory of with the unpacked Layout Debugger ZIP file from step 1. Layout Debugger is now installed on your browser.
Similar extensions
Here are some Chrome extensions that are similar to Layout Debugger:
Outliner CSS
Debug CSS
HTML5 Debugger
Layout Debugger
DevTools Classes & Atributes panel
Div Highlighter
HTML Hierarchy Visualizer
Div Density
simple-debug.css
Looksee
HTML Visual Validation
Outliner
tarah
5.00
10,000+
Pranay Joshi
4.75
20,000+
Caesar Mukama
2.00
432
Ion Suman
3.00
75
Gustavo Sillero
5.00
436
itsHobbes
3.29
1,000+
steven.massola
5.00
2,000+
https://andersfisher.com
4.17
408
https://chrisnager.com
4.71
1,000+
Cullan Luther
5.00
570
btisseo
4.38
3,000+
Zach Baker
5.00
993