这款CSSViewer Chrome插件是个挺方便的工具，专门用来查看网页里的CSS样式。安装方法也挺简单的，尤其是对Chrome用户来说，改个后缀名解压文件就能装上。至于其他浏览器，直接双击添加就行。
用起来的话，它能显示网页里任何元素的CSS参数，特别适合开发人员检查和调试样式问题。最方便的是，你只需要把鼠标悬停在要查看的元素上，插件就会自动显示它的CSS信息。而且还有快捷键可以用，比如按F可以冻结小部件的位置，按C可以看到选中元素的简单CSS定义，esc就能禁用查看器。
对我来说，这个插件挺实用的，特别是在调试复杂页面的时候，能快速找到问题所在。虽然功能不算特别多，但胜在简单好用，而且完全免费，挺适合日常开发用的。
cssviewer chrome是一款能让网站开发人员查看网页CSS样式的网页CSS样式查看插件，使用者可以通过点击插件图标来启动该插件的功能，只需要移动鼠标到网页上的各个区块即可直接在浏览器上对该区域的CSS样式进行查看，同时你也可以通过该插件的一些快捷键来快速使用该插件的冻结/取消冻结小部件到位以及禁用查看器等功能，欢迎免费下载。
安装方法
谷歌浏览器安装方法
1、首先把需要安装的插件.crx后缀名改为rar，解压缩得到文件夹；
2、打开解压得到的文件夹，把里面的_metadata文件夹改名为metadata（去掉下杠）；
3、进入扩展程序中心，启用开发者模式（若已经开启“开发者模式”不用理会），加载正在开发的程序包，选择刚才解压的的文件夹就安装好了
其他浏览器安装方法
1、下载解压后，直接双击插件点击添加即可
插件功能
1、CSSViewer显示网页中任何元素的CSS参数。
2、要启用/禁用CSSViewer，只需单击工具栏图标，然后将当前页面中您要检查的任何元素悬停。
3、为了快速使用您可以使用可用的键盘快捷键：【f】冻结/取消冻结小部件到位，【c】在模态上显示所选元素的简单Css定义，【esc】禁用查看器。
共有 0条评论