1、chrome插件-FeHelper
作用:包括网页上栅格,字符串编解码、图片base64编码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成器、编码规范检测、页面性能检测、栅格检测、JS运行效率分析等。
安装方式:在网址https://www.extfans.com/web-development搜索想要的插件,关注公众号输入验证码下载谷歌插件,然后解压文件,将相应的crx文件拖拽到扩展程序页面,即可完成安装。
使用:点击chrome右上角FeHelper的图标,选择设置,进入配置页,然后将网页栅格标尺点击安装,随后使用时,选择栅格尺即可。
2、chrome插件-VisBug
作用:展示一个网站某一元素所使用的标签和样式
安装方式:同上述过程
使用:chrome浏览器右上角对应图标点击即可