A simple CSS property viewer.

Latest Version

Version
1.7
Update
March 26, 2017
Size
301KiB
Developer
Category
Users
200,000+
Rating
4.39623 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Tabs
Http://*/*
Https://*/*
File://*/*
ContextMenus
See more

CSSViewer Extension

CSSViewer is a simple CSS properties viewer originally made by Nicolas Huon as a FireFox add-on (2006-2008).

How to use :
To enable CSSViewer, simply click the toolbar icon and then hover any element on you want to inspect in current page.

Open source inside:
Source code can be found on GitHub at https://github.com/miled/cssviewer

Privacy :
In order to work properly, CSSViewer requires the permission to access to your history and website data. However, CSSViewer do not collect nor will ever transmit any of your private data.

Known issues :
- CSSViewer will not work in any opened tabs before installing it nor in the Google chrome store (This is how Google roll :)
- The style may broke sometimes depending on the site you are surfing.
- Patches are welcome.

Credits:
This chrome extension is a straight port of the Firefox CSSViewer add-on with minor enhancements. Credits goes to the original developer and contributors.

Changelog:
1.7: 04/2017 - Add keyboard shortcuts and enable the viewer for local files.
1.6: 11/2014 - Add inspect element to menu. Add generate css definition. Fix few issues with auto-positioning. reFix an issue with chrome/38.
1.5: 10/2015 - Hotfix an issue with Chrome/38.0.2125.101.
1.4: 02/2013 - A bunch of minor changes in order to release CSSViewer as an open source project at Github.
1.3: 08/2011 - Support some CSS3 properties under the \"Effects' category.
1.2: 07/2011 - Fix some minor bugs.
1.1: 03/2010 - Initial version.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx","name": "CSSViewer","manifest_version": 2,"version": "1.7","description": "A simple CSS property viewer.", "icons": {"16": "img/16.png","22": "img/22.png","24": "img/24.png","32": "img/32.png","48": "img/48.png"},"options_page": "option.html","background": { "page":"background.html" },"browser_action": {"default_icon": "img/16.png","default_title": "CSSViewer"},"web_accessible_resources": ["img/header.png","img/body.png","img/list.png","img/footer.png","img/bullet.png"],"permissions": ["tabs","http://*/*", "https://*/*", "file://*/*", "contextMenus"] }
Read more

Similar Extensions

icon

Web Developer Extension · Developer Tools 200,000+ 2829 ★ 574KiB

icon

CSS Peeper Extension · Developer Tools 200,000+ 363 ★ 279KiB

icon

CSS Viewer for Google Chrome™ Extension · Productivity 200,000+ 334 ★ 346KiB

icon

CSS Inspector Extension · Developer Tools 200,000+ 64 ★ 2.57MiB

icon

CSS3 Generator Extension · Developer Tools 200,000+ 60 ★ 346KiB

icon

Code Cola Extension · Developer Tools 200,000+ 188 ★ 189KiB

icon

Live editor for CSS, Less & Sass - Magic CSS Extension · Developer Tools 200,000+ 266 ★ 2.15MiB

icon

Live CSS Editor Extension · Developer Tools 200,000+ 182 ★ 24.38KiB

icon

Dimensions Extension · Developer Tools 200,000+ 454 ★ 17.28KiB

icon

Amino: Live CSS Editor Extension · Developer Tools 200,000+ 453 ★ 1.45MiB

icon

Hoverify Extension · Developer Tools 200,000+ 145 ★ 14.54MiB

icon

CSS Scan Extension · Developer Tools 200,000+ 84 ★ 1.41MiB

icon

Web Developer Checklist Extension · Developer Tools 200,000+ 54 ★ 32.65KiB

icon

CSS Shapes Editor Extension · Developer Tools 200,000+ 101 ★ 84.76KiB

icon

Quick source viewer Extension · Developer Tools 200,000+ 115 ★ 74.21KiB

icon

CSS Used Extension · Developer Tools 200,000+ 184 ★ 164KiB

icon

Usersnap - Capture visual feedback & bugs Extension · Developer Tools 200,000+ 34 ★ 1.16MiB

icon

Site Palette Extension · Developer Tools 200,000+ 344 ★ 297KiB

icon

SnipCSS Extension · Developer Tools 200,000+ 32 ★ 13.12MiB

icon

VisBug Extension · Developer Tools 200,000+ 252 ★ 5.38MiB

icon

Responsive Viewer Extension · Developer Tools 200,000+ 298 ★ 639KiB

icon

Window Resizer Extension · Developer Tools 200,000+ 2278 ★ 503KiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 200,000+ 87 ★ 816KiB

icon

Stylebot Extension · Accessibility 200,000+ 1603 ★ 10.27MiB

User reviews

icon

Night Fang (ID: 000000733f2fbdb1) Voted 4 ★ - Updated 09/07/2023 great tool but how can I make the fontsize of popup box a little bigger?

icon

Neutral (ID: 000000dae49b609e) Voted 5 ★ - Updated 02/18/2023 Pretty helpful, to copy you need to click F to freeze the screen then copy it.

icon

Aleksandra Hornik (ID: 0000007d9bc2b2dd) Voted 4 ★ - Updated 12/04/2022 It'a all great, but the modal is to close to an inspected object, so sometimes you can see well

icon

Cahya Dyazin (ID: 000000cc3b5e07c9) Voted 5 ★ - Updated 06/15/2022 gooood

icon

eM eN (ID: 000000c15a4add91) Voted 1 ★ - Updated 06/03/2022 The fonts for the css values are (yellow color) on my (white background page), this makes it imposible to see the details.