Skip to content

CSS Tree Inspector v1.5.0

Choose a tag to compare

View all tags
@ext237 ext237 released this 07 Aug 19:55
· 19 commits to main since this release
v1.5.0
b31edc3

CSS Tree Inspector v1.5.0 produces cleaner inspection trees while preserving meaningful content.

Highlights

  • Removes surrounding HTML source indentation from ordinary text nodes.
  • Preserves internal spaces, inline boundary spaces, and whitespace-sensitive text.
  • Preserves pre, textarea, CSS whitespace-preserving content, and br elements.
  • Excludes non-rendering infrastructure elements from JSON and CSS traversal.
  • Retains hidden ordinary elements and unchanged outerHTML.
  • Includes all conditional CSS and sidebar improvements introduced in v1.4.0.

Install in Chrome

  1. Under Assets below, download css-tree-inspector-1.5.0.zip.
  2. Extract the ZIP to a permanent folder. Do not select the ZIP itself in Chrome.
  3. Open chrome://extensions and enable Developer mode.
  4. Click Load unpacked and select the extracted folder containing manifest.json.
  5. Open or reload DevTools, select Elements, and open the CSS Tree Inspector sidebar.

To upgrade an existing unpacked installation, replace its files with the extracted release and click Reload on the extension card.

The uploaded ZIP contains the Chrome-ready unpacked extension. Project source and development history remain available in the repository.

Assets 3
Loading