CSSViewer

A simple CSS property viewer.

What is CSSViewer?

CSSViewer is a Chrome extension developed by M.ed, and its main feature is "A simple CSS property viewer.".

Extension Screenshots

screenshot

Download CSSViewer Extension CRX File

Download CSSViewer extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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.                    

Extension Basic Information

Name CSSViewer CSSViewer
ID ggfgijbpiheegefliciemofobhmofgce
Official URL https://chromewebstore.google.com/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce
Description A simple CSS property viewer.
File Size 301 KB
Installation Count 276,599
Current Version 1.7
Last Updated 2017-03-26
Publish Date 2017-03-26
Rating 4.41/5 Total 368 Ratings
Developer M.ed
Payment Type free
Extension Website https://github.com/cssviewer/cssviewer
Supported Languages en
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"
    ]
}