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
By: SoftwareSeni
Users: 3,000+
Rating: 3.94
(17)
Creation date: 2016-05-06
Risk impact: Moderate risk impact
Risk likelihood: High risk likelihood
Manifest version: 2
Permissions:
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:
- 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
See moreUser 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!
很棒
This doesn't work for me.
Does this work anymore?
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:
CSSViewer CSS Used CSS Inspector CSS Scan CSS Brio Live editor for CSS, Less & Sass - Magic CSS eXtract Snippet Amino: Live CSS Editor CSS Peeper Restyler Quickfix CSS Editor Web Design Pirate Inspect CSS Hoverify SnipCSS CSS Extractor (Extracts style & media rules) CSSSteal Copy Css Selector CSS Selector Capture Pro CSS Dig HTML Visual Validation Jinno: code any React component with AI HTML Hierarchy Visualizer CSS3 Generator
M.ed
4.40
200,000+
https://bobscript.com
4.51
60,000+
https://cssinspector.com
2.48
6,000+
https://getcssscan.com
3.82
20,000+
JRAYCV
5.00
3,000+
https://webextensions.org
4.64
70,000+
Melwyn Pawar
3.11
9,000+
https://aminoeditor.com
4.30
30,000+
CSS Peeper
4.63
500,000+
asimen1
4.79
473
201 Created AB
4.00
363
Dalimil Hajek
3.71
2,000+
kholid060
4.64
10,000+
Hoverify
4.12
10,000+
https://www.snipcss.com
3.94
20,000+
https://gadget-vignette.blogspot.com
1.20
987
Krasimir Tsonev
2.26
3,000+
Alexander Chermyanin (flamencist)
3.69
10,000+
POINT & SHOOT
5.00
10,000+
https://cssdig.com
2.86
10,000+
btisseo
4.38
4,000+
Jinno
4.76
4,000+
steven.massola
5.00
2,000+
ahallicks
4.72
10,000+