CSSViewer插件，网页元素CSS属性快速查看工具
CSSViewer 插件是一款适用于 Chrome 浏览器的网页元素 CSS 属性查看工具，该插件支持在线对当前的网页元素的 CSS 属性进行快速查看，能够帮助用户设计网页时快速模仿网页中某个元素的表现形式，以极大地节约开发时间。
CSSViewer 插件是一款适用于 Chrome 浏览器的网页元素 CSS 属性查看工具，该插件支持在线对当前的网页元素的 CSS 属性进行快速查看，能够帮助用户设计网页时快速模仿网页中某个元素的表现形式，以极大地节约开发时间。
CSSViewer 插件开发背景
对于网页开发人士而言，在设计一个网页时，若使用的 CSS 是 Query UI，bootstrap 等公共库，肯定会需要大量的公共库 CSS 名称。用户若只是单纯参照 API，查看大量 API 势必会浪费很多时间。不过，有了CSSViewer 插件，用户便可以快速查看页面中的元素 CSS，迅速地模仿和使用这些公共库，以加快开发速度。
CSSViewer 插件功能介绍
作为一款简单实用的简单的 CSS 属性查看器，CSSViewer 插件的功能非常简单，就是对 Chrome 浏览器任意网页中的网页元素 CSS 属性进行快速查看，通过单击启用 CSSViewer，接着使用鼠标在当前页面中需要检查的任何元素上进行悬停即可。非常易于使用，且完全免费，便于用户快速模仿任意网页中喜欢元素的表现形式。
CSSViewer 插件使用方法
一、安装插件
如果有条件，可以直接在谷歌 Chrome 商店下载安装。如果无法访问 Chrome 商店，请在扩展迷下载CSSViewer 插件的安装包，解压后将 crx 文件安装到你的谷歌浏览器上。
二、使用方法
CSSViewer 插件安装完成以后，直接在 Chrome 浏览器任意需要查看 CSS 属性的网页点击浏览器上方工具栏中的插件图标，接着使用鼠标在网页中进行浮动，当用户浮动到需要的元素上时，即可快速看到该元素的 CSS 属性自动以弹出窗口的形式显示。
其中，详细的 CSS 属性内容包括有宽度、高度、字体大小、 CSS 类名、背景颜色等，如图所示：
不过，需要注意的是，CSSViewer 插件仅支持查看当前网页元素的 CSS 元素属性，对于网页中的 Javascript，则无法查看。另外，有脚本多元素进行 CSS 影响时，该插件可能也无法检测到变化。点击 CSSViewer 插件按钮启动 CSS 的观察模式，再次点击则可以取消。
CSSViewer插件，网页元素CSS属性快速查看工具 - Extfans”
