Installation
- Download
style-detective.zipbelow and unzip it. - Open
chrome://extensions, turn on Developer mode (top-right). - Click Load Unpacked and select the unzipped folder.
What's Changed
- Added a DevTools-style box-model diagram in the Box section
Jshortcut to copy the inspected element's styles as JSON- Gradient previews in color swatches for
background-image - Hide zero-width / unpainted border rows so the panel stays quieter
- Truncate long
data:URLs in the panel for readability (full value still copies) - Improved support for iframes, shadow DOM nested tokens and animations
Full Changelog: v1.0.1...v1.1.0