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",\t"name": "CSSViewer",\t"manifest_version": 2,\t"version": "1.7",\t"description": "A simple CSS property viewer.", \t"icons": {\t\t"16": "img/16.png",\t\t"22": "img/22.png",\t\t"24": "img/24.png",\t\t"32": "img/32.png",\t\t"48": "img/48.png"\t},\t"options_page": "option.html",\t"background": { "page":"background.html" },\t"browser_action": {\t\t"default_icon": "img/16.png",\t\t"default_title": "CSSViewer"\t},\t"web_accessible_resources": [\t\t"img/header.png",\t\t"img/body.png",\t\t"img/list.png",\t\t"img/footer.png",\t\t"img/bullet.png"\t],\t"permissions": [\t\t"tabs",\t\t"http://*/*", \t\t"https://*/*", \t\t"file://*/*", \t\t"contextMenus"\t] }
Read more