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文件,也可監視所有文件 「**」)