CSS Scan | 扫描插件
CSS Scan 扫描插件概述
CSS Scan扫描插件能够作用在Chrome中,是一个简单又实用的插件工具CSS Scan是检查和复制CSS的最快方法。 可视化您立即悬停的任何元素的CSS,并通过单击复制其整个CSS规则。
CSS Scan 扫描插件功能
1、用户可以通过这款软件轻松检查CSS计算数值,采用了可视化的方式
2、能够在用户浏览网页的时候直观地查看到具体的编程代码,适用于网页端,方便用户复制编辑网页上的CSS内容
3、为程序开发人员带来很大方便。
4、CSS Scan是检查和复制CSS的最快方法。
CSS Scan 扫描插件使用方法
1、扫描适合编程人员所使用的插件,特别是web端的编程人员,这款插件能够进行编程上面的处理
- 用显示Grid选项配合分析网站:如果我们想要复制一个简单的元素,比如按钮、输入框之类的,可能查看一个类的CSS代码就足够了;但是有时候我们需要参考学习整个页面的布局设计,就需要整体分析了;这个时候可以开启CSS Scan的显示Grid选项,全面分析网站样式。
2、直接通过插件来进行复制,就能复制并且计算来自网页上面的css的内容
- CSS Scan快速查看网站CSS代码:看到一个网站设计的非常好,就可以点击扩展图标开启CSS Scan;开启CSS Scan后,鼠标就变成了一个类似Chrome控制台的指针工具,可以显示出每个元素所用到的CSS代码,比如字体、字号、字重、尺寸等,非常多的参数。
- CSS Scan快速复制CSS代码:如果你看到某一个网页元素的样式非常的好,想要学习一下,你就可以使用CSS Scan把它的CSS样式复制下来;悬浮到对应元素上后,点击一下鼠标,提示复制到剪贴板,证明粘贴成功了。
插件下载地址: