CSSViewer

A simple CSS property viewer.

什麼是CSSViewer?

CSSViewer是由M.ed開發的Chrome擴展程式,該擴展的主要功能是“A simple CSS property viewer.”。

擴展截圖

screenshot

下載CSSViewer擴展crx文件

下載CSSViewer擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        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.                    

擴展基本資訊

名稱 CSSViewer CSSViewer
ID ggfgijbpiheegefliciemofobhmofgce
官方網址 https://chromewebstore.google.com/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce
簡介 A simple CSS property viewer.
檔案大小 301 KB
安裝次數 276,599
目前版本 1.7
更新時間 2017-03-26
上架時間 2017-03-26
評分 4.41/5 共 368 次評分
開發者 M.ed
付費類型 free
擴展官網 https://github.com/cssviewer/cssviewer
支援的語言 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"
    ]
}