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檔案，也可監視全部檔案 「**」)
開發谷歌瀏覽器外掛程式
收藏 摘要 作者自己動手寫了乙個翻譯外掛程式，讀者可以從中了解到開發chrome的外掛程式的過程。今天早上開啟.看到一文章 開發chrome擴充套件程式 自己看看,也還很簡單,就自己動手寫乙個翻譯外掛程式 來看看效果 以前用谷歌的翻譯介面做了乙個翻譯功能的網頁 所以我就打算把這個功能做成乙個谷歌瀏覽...
谷歌瀏覽器開發者工具標籤介紹
谷歌瀏覽器開發者工具標籤介紹 一般在windows系統上瀏覽器開發者工具開啟都是按f12快捷鍵.element標籤 該標籤使用來檢視頁面的html標籤元素的，能夠也就是檢視原始碼，我們可以看到布局，可以看到用到的樣式，還有用到的鏈結等等。console標籤 這個就是乙個web控制台 sources標...
谷歌瀏覽器外掛程式開發教程8
利用workerman和 谷歌外掛程式通訊相結合 1 首先獲取groupid 保證外掛程式和inject 同個房間 這樣還可以用workerman 相互傳送 先外掛程式獲得groupid 傳遞到inject var groupid chongxinlianjie on click function ...