CSSViewer(CSS查看器) v1.7

CSS查看器插件介绍

CSSViewer是一个简单的CSS属性查看器，最初由Nicolas Huon作为一个FireFox插件(2006-2008)。

使用方法:

要启用CSSViewer，只需单击工具栏图标，然后在当前页面中悬浮任何您想要检查的元素。

开放源码里面:

源代码可以在GitHub https://github.com/miled/cssviewer上找到

隐私:

为了正常工作，CSSViewer需要访问您的历史和网站数据的权限。然而，CSSViewer不收集也永远不会传输您的任何私人数据。

已知问题:

- CSSViewer将不会在任何打开的标签安装之前，也不会在谷歌chrome store(这是如何谷歌滚动:)

-风格可能会打破有时取决于你的网站冲浪。

-欢迎补丁。

学分:

这个chrome扩展是一个直接端口的Firefox CSSViewer插件与小的增强。功劳归于最初的开发者和贡献者。

更新日志:

1.7: 04/2017 -添加键盘快捷方式，并为本地文件启用查看器。

1.6: 11/2014 -添加检查元素菜单。添加生成css定义。修复一些自动定位的问题。修复了chrome/38的一个问题。

1.5: 10/2015 - Chrome/38.0.2125.101修复问题

1.4: 2013年2月-为了在Github上发布CSSViewer作为一个开源项目的一些小改变。

1.3: 08/2011 -在“效果”类别下支持一些CSS3属性。

1.2: 2011年7月-修复一些小bug。

1.1: 2010年3月3日-初始版本。

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.

CSS查看器插件安装

1、在打开的谷歌浏览器Chrome的扩展管理器（方法：点击最左侧的三个点，在弹出的菜单中选择【更多工具】-【扩展程序】，或者你可以在地址栏中直接输入chrome://extensions/）

2、进入扩展程序页面后将开发者模式打勾

3、最后将解压出来的CSS查看器.crx离线文件拖入到浏览器中即可安装添加（安装前可以确认插件版本是否为v1.7）

4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装

5、安装好后即可使用，安装成功以后该插件会立即显示在浏览器右上角（如果有插件按钮的话），如果没有插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。