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

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

需在Access-Control-Expose-Headers加上Allow-Control-Allow-Origin: *(表示容许全部ip访问)html

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

3. EditThisCookie     EditThisCookie是一个cookie管理器。您能够添加,删除,编辑,搜索,锁定和屏蔽cookies!npm

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

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

6.AngularJS Batarang     angular调试利器浏览器

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

8.livestyle (谷歌开发者工具和sublime都须要添加live style插件)(只支持css less sass)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文件,也可监视所有文件 “**”)
相关文章
相关标签/搜索