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文件,也可監視所有文件 「**」)
相關文章
相關標籤/搜索