CSSViewer

CSSViewer插件简介

CSSViewer插件描述

CSSViewer is a simple CSS properties viewer iginally made by Nicolas Huon as a FireFox addon (20062008).

How to use :
To enable CSSViewer, simply click the toolbar icon  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 der to wk properly, CSSViewer requires the permission to access to your histy  website data. However, CSSViewer do not collect n will ever transmit any of your private data.

Known issues :
 CSSViewer will not wk in any opened tabs befe installing it n in the Google chrome ste (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 pt of the Firefox CSSViewer addon with min enhancements. Credits goes to the iginal developer  contributs.

Changelog:
1.7: 04/2017  Add keyboard shtcuts  enable the viewer f local files.
1.6: 11/2014  Add inspect element to menu. Add generate css definition. Fix few issues with autopositioning. 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 min changes in der to release CSSViewer as an open source project at Github.
1.3: 08/2011  Suppt some CSS3 properties under the "Effects categy.
1.2: 07/2011  Fix some min bugs.
1.1: 03/2010  Initial version.
                                

CSSViewer插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 CSSViewerChrome插件v1.7版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决