前端辅助制作小工具

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

2、chrome插件-VisBug
作用：展示一个网站某一元素所使用的标签和样式
安装方式：同上述过程
使用：chrome浏览器右上角对应图标点击即可