Debug CSS

Adds outline to all elements on the page to show the culprit element which is changing desired layout

Debug CSS is available to install from Edge Add-on Store and for download from this page. It has 9,737 active users The latest version is 1.0, and it was published 3 years ago.

Install from Edge Add-on Store
View source code
Total download count: 3 (Only count downloads from Edge-Stats)

All available versions

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

  1. Download and run chrome-stats.exe file on your PC. This method will allow you to install Chrome extensions directly from edge-stats.com in one click. You only need to do this once!
  2. Type in chrome://restart in the URL bar to restart the browser for the changes to take effect.
  3. Download and install the Debug CSS CRX file

Option 2: Advanced method

  1. Download Debug CSS CRX file
  2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Edge Add-on Store. If so, you may need to use option 1, or download the ZIP file instead.
  3. In the URL bar, go to edge://extensions
  4. Enable Developer mode
  5. Drag and drop the downloaded Debug CSS CRX file into the Extensions page
  6. When prompted, click Add extension to install Debug CSS.

Install ZIP file

  1. Download and unpack the Debug CSS ZIP file to a directory of your choice.
  2. In Edge browser, go to edge://extensions
  3. Enable Developer mode.
  4. Click on the Load Unpacked button.
  5. Select the directory of with the unpacked Debug CSS ZIP file from step 1. Debug CSS is now installed on your browser.