web开发者谷歌浏览器常用插件

1.Allow-Control-Allow-Origin    安装此插件解决跨域问题，在本地起服务器可访别的域的数据。

需在Access-Control-Expose-Headers加上Allow-Control-Allow-Origin: *（表示允许所有ip访问）

2.clear Cache    一键清浏览器缓存。

3. EditThisCookie     EditThisCookie是一个cookie管理器。您可以添加，删除，编辑，搜索，锁定和屏蔽cookies！

4.Postman    一款功能强大的网页调试与发送网页HTTP请求的Chrome插件

5.Chrome Sniffer Plus     探测当前网页正在使用的开源软件或者js类库，web开发者必备神器。

6.AngularJS Batarang     angular调试利器

7.JSONP viewer 当在浏览器输入url请求服务器返回json数据时，此插件可格式化json。

8.livestyle (谷歌开发者工具和sublime都需要添加live style插件)(只支持css less sass)

浏览器启动插件后，编辑器修改，浏览器自动刷新，浏览器控制台修改css样式也会同步到编辑器。

9.livereload(浏览器安装livereload 插件，npm全局安装livereload,本质上是替代我们刷新。只支持单项)

浏览器启动livereload（启动后插件中间小圆圈变为实心），控制台切到需要监听的项目跟目录下，控制台输入livereload 启动监视。

修改html css js文件 ctr＋s 浏览器会自动刷新。

10.broswer-sync（监听文件变化自动刷新浏览器，只刷新改变的地饭）

npm 全局安装

npm install -g browser-sync

项目跟目录下browser-sync start --server --files "css/*.css"(监听css下面所有css文件，也可监视全部文件 “**”)