CSS Debugger

A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.

CSS Debugger is available for download. It had 1,000+ active users before it was removed from Chrome Web Store on 2024-04-25, and it has been downloaded from Chrome-Stats 6 times. The latest version is 0.1, and it was published 3 years ago. Be careful when installing it.

View source code

Total download count: 6 (Only count downloads from Chrome-Stats)

All available versions

You can find the current and older versions of CSS 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

1 version available for download.

Install 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 Debugger CRX file

Option 2: Advanced method

Download CSS 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 CSS Debugger CRX file into the Extensions page
When prompted, click Add extension to install CSS Debugger.

Install ZIP file

Download and unpack the CSS 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 CSS Debugger ZIP file from step 1. CSS Debugger is now installed on your browser.