Skip to content

CSS Tree Inspector v1.4.0

Choose a tag to compare

View all tags
@ext237 ext237 released this 07 Aug 19:54
· 20 commits to main since this release
v1.4.0
f4dfa9d

CSS Tree Inspector v1.4.0 adds conditional CSS capture and improves the DevTools sidebar.

Highlights

  • Captures relevant active and inactive @media rules with current match status.
  • Captures named, unnamed, and nested @container rules.
  • Preserves conditional state selectors and nested conditional structure.
  • Reports inaccessible stylesheets without bypassing browser protections.
  • Places Generate Tree JSON and Generate Tree CSS side-by-side, with clearer result controls.

Install in Chrome

  1. Under Assets below, download css-tree-inspector-1.4.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.

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

Assets 3
Loading