截图
详情信息
CSSViewer是一款能够让网站开发人员轻松查看网页CSS样式的插件,它是Google浏览器开发者工具中一个强大的在线工具,该工具可以帮助前端开发者和网页设计师实时查看并修改网页元素的CSS。通过CSSViewer,用户可以快速查看网页元素的CSS属性,如字体大小、CSS类名、背景颜色、宽度、高度等,这可以大大节约开发时间。
软件教程
安装方法
谷歌浏览器安装方法
1、首先把需要安装的插件.crx后缀名改为rar,解压缩得到文件夹;
2、打开解压得到的文件夹,把里面的_metadata文件夹改名为metadata(去掉下杠);
3、进入扩展程序中心,启用开发者模式(若已经开启“开发者模式”不用理会),加载正在开发的程序包,选择刚才解压的的文件夹就安装好了
其他浏览器安装方法
1、下载解压后,直接双击插件点击添加即可
软件特色
隐私 :
为了正常工作,CSSViewer 需要访问您的历史记录和网站数据的权限。但是,CSSViewer 不会收集也永远不会传输您的任何私人数据。
已知的问题 :
- CSSViewer 在安装之前不会在任何打开的选项卡中工作,也不会在 Google chrome 商店中工作(这就是 Google roll :)
- 根据您浏览的网站,样式有时可能会损坏。
- 欢迎补丁。
学分:
此 chrome 扩展是 Firefox CSSViewer 附加组件的直接端口,具有较小的增强功能。致谢原开发者和贡献者。
插件功能
1、CSSViewer显示网页中任何元素的CSS参数。
2、要启用/禁用CSSViewer,只需单击工具栏图标,然后将当前页面中您要检查的任何元素悬停。
3、为了快速使用您可以使用可用的键盘快捷键:【f】冻结/取消冻结小部件到位,【c】在模态上显示所选元素的简单Css定义,【esc】禁用查看器。