做前端开发,Google是最常用的浏览器了吧,这个浏览器可以安装一些插件,减少很多开发工作,这里先记录一下比较常用的,以后发现好用的陆续添加~
**先提一下浏览器扩展的安装方式:
在网上下载crx
后缀名的文件,打开Google
浏览器的扩展程序,把文件拖过去就可以了。
-
Wappalyzer
这个扩展是一个在线网站技术分析工具。所谓技术分析,就是在打开一个网页的时候,它可以分析出来这个网页用到了什么技术,比如jQuery
、Bootstrap
、react.js
、Ruby
、Nginx
等等,当我们打开一个网站,并且想分析一下的时候,这个扩展还是有些帮助的。 -
Live Reload
这个扩展,用于程序员修改文件后,Chrome浏览器会自动获取最新的文件并刷新页面,省去了每次都手动刷新的工作,特别适合在双屏环境下进行 web 前端开发。而且还可以用F8
在鼠标经过时显示该节点的id或class,F9手动刷新css等等,感觉是个非常好用的扩展~
附一个网上找的相关链接:
http://www.bluesdream.com/blog/grunt-plugin-livereload-wysiwyg-editor.html -
JSONView
查看接口返回的Json字符串,这个就不多说了,字符串会被格式化,看起来比较舒服。
网友评论