CSS Spy

Showing CSS attribute on element hover

CSS Spy: Chrome Extension for Inspecting CSS Attributes

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.

Download

Extension stats

This extension was removed from Chrome Web Store on 2022-10-08

By: SoftwareSeni

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 Android

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

Analyze keywords

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:

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

Change log: v.1.0: Fixing minor bugs

v1.1: Change RGB to hex

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!