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

时间:2022-08-10 19:15:36

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文件,也可监视全部文件 “**”)