v1.1.0

Installation

1. Download style-detective.zip below and unzip it.
2. Open chrome://extensions, turn on Developer mode (top-right).
3. Click Load Unpacked and select the unzipped folder.

What's Changed

• Added a DevTools-style box-model diagram in the Box section
• J shortcut 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

v1.0.1

Installation

1. Download style-detective.zip below and unzip it.
2. Open chrome://extensions, turn on Developer mode (top-right).
3. Click Load Unpacked and select the unzipped folder.

What's Changed

• Quieter Layout insets - Hide top / right / bottom / left when position is static, or when relative with auto / 0 (no-op offsets)
• Quieter Color & Background - Hide default background-position: 0% 0%
• Fewer Manage Extensions errors - Quieter handling when tabs close mid-flight or storage isn’t available to content scripts

Full Changelog: v1.0.0...v1.0.1

v1.0.0

Installation

1. Download style-detective.zip below and unzip it.
2. Open chrome://extensions, turn on Developer mode (top-right).
3. Click Load Unpacked and select the unzipped folder.