Skip to content

CSS Tree Inspector v1.6.0

Choose a tag to compare

View all tags
@ext237 ext237 released this 07 Aug 22:12
· 15 commits to main since this release
v1.6.0
4bc5101

CSS Tree Inspector v1.6.0 makes JSON reports smaller and easier to navigate while improving cross-origin CSS coverage.

Highlights

  • Adds optional shared styleDefinitions for exact duplicate computed, state, and conditional CSS, reducing report size and token use.
  • Prioritizes text nodes and omits empty optional JSON fields.
  • Adds focused recovery for CSSOM-blocked stylesheet resources, including relevant inactive media queries, without host or debugger permissions.
  • Adds focused or complete HTML-attribute output options.
  • Adds concise report guidance, rounded dimensions, cleaner state metadata, and updated generator identification.
  • Improves the sidebar with grouped JSON options, clearer format descriptions, one-line selection details, and a processing overlay.

Install in Chrome

  1. Under Assets below, download css-tree-inspector-1.6.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 CSS Tree Inspector.

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

The uploaded ZIP contains only the Chrome-ready unpacked extension. GitHub automatically provides separate source-code links for the tag.

Assets 3
Loading