CSS Spy

Showing CSS attribute on element hover
What is CSS Spy?
CSS Spy is a Chrome extension that allows users to inspect computed styles of any single element on the fly. It shows the width, height, and selector name of the element when hovered over. Clicking on the element brings up a popup that displays the common computed styles, making it easy to copy them. The extension also enables users to compare CSS properties of two elements, even from different pages/URLs. With its clean design and convenient features, CSS Spy offers a handy tool for CSS inspection and comparison.

Extension stats

This extension was removed from Chrome Web Store on 2022-10-08
Users: 3,000+
Rating: 3.94 (17)
Version: 1.5 (Last updated: 2016-05-06)
Creation date: 2016-05-06
Risk impact: Moderate risk impact
Risk likelihood: High risk likelihood
Manifest version: 2
Permissions:
  • storage
  • tabs
Size: 63.98K

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Inspect computed styles of any single element just on the fly. When the extension is active, hovering element will shows the width, height and selector name of the element. Clicking on the element will bring popup which show the common computed styles of the element, so you could just copy it right away. Comparing CSS properties of 2 elements will also never been this easier with this extension.

Features:

  1. Showing width and height when hovering on an element
  2. Showing computed style when clicking on an element
  3. Comparing CSS properties of 2 element (even work with elements from different page/URL)
  4. Clean design (yeah, that's exactly what we need)

Change log: v.1.0: Fixing minor bugs

v1.1: Change RGB to hex

See more

User reviews

it's works, and is it just what I need :-) Attention! You've to use it on DevTools in Chrome. Press F12 and click the spy button to reach a red symbol. Enjoy!
by Christophe Heuschen, 2022-06-30

很棒
by huo pou, 2022-05-17

This doesn't work for me. Does this work anymore?
by Scott Madore, 2020-12-01
View all user reviews

Extension safety

Risk impact

CSS Spy requires a few sensitive permissions. Exercise caution before installing.

Risk likelihood

CSS Spy may not be trust-worthy. Avoid installing if possible unless you really trust this publisher.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to CSS Spy: