CSS debug alignment
Add background-color on all elements to debug css alignment
CSS debug alignment is available for download. It had 760 active users before it was removed from Chrome Web Store on 2022-07-22, and it has been downloaded from Chrome-Stats 2 times. The latest version is 2.1, and it was published 2 years ago. Be careful when installing it.
Total download count:
2
All available versions
You can find the current and older versions of CSS debug alignment 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
1
versions available for download.
How to install CSS debug alignment 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 CSS debug alignment CRX file
Option 2: Advanced method
- Download CSS debug alignment 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 CSS debug alignment CRX file into the Extensions page
- When prompted, click Add extension to install CSS debug alignment.
How to install CSS debug alignment from a ZIP file
- Download and unpack the CSS debug alignment 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 CSS debug alignment ZIP file from step 1. CSS debug alignment is now installed on your browser.
Similar extensions
Here are some Chrome extensions that are similar to CSS debug alignment:
Outliner CSS
CSS Debugger
DOM X-Ray
Debug CSS
HTML Hierarchy Visualizer
Layout Debugger
Gridman - CSS Grid inspector. Ultra Fast!
Design Analysis
Pesticide for Chrome (without hover bar)
HTML Visual Validation
Differen-CSS
TinkerCSS
Looksee
Outliner
simple-debug.css
CSS Filters Editor
Div Highlighter
Div Density
CSS Brio
showHTML
DevTools Classes & Atributes panel
CSS Spy
HTML Tree Generator
Designer Tools
tarah
5.00
4,000+
Mathias Meldgaard Pedersen
N/A
550
Nick Vincent
5.00
806
Pranay Joshi
4.72
10,000+
steven.massola
5.00
1,000+
cdsnowden
3.25
589
Anton Savinskiy
3.91
10,000+
http://kodemuse.dev
5.00
228
bradley.flood
3.89
90,000+
btisseo
5.00
1,000+
ptdimitry
2.00
79
Jan Baykara
3.00
136
Cullan Luther
5.00
304
Zach Baker
5.00
566
http://chrisnager.com
4.69
1,000+
http://www.clicktorelease.com
5.00
199
itsHobbes
2.33
484
http://andersfisher.com
4.80
334
JRAYCV
5.00
1,000+
http://tech-in-check.blogspot.com
5.00
253
Gustavo Sillero
5.00
325
SoftwareSeni
3.94
3,000+
Joel Saupe
4.35
70,000+
http://baars.design
4.82
20,000+