經常使用的前端相關chrome插件

前面的話

　　本文將詳細介紹筆者在開發中經常使用的一些chrome插件

 

字符編碼

　　前端開發時，常常出現亂碼的狀況。可是，新版本的chrome瀏覽器已經沒有更改字符編碼的設置選擇，這時就要用到set character Encoding插件了

　　在頁面空白處，點擊右鍵，便可選擇須要的編碼格式

 

瀏覽代碼

　　用Chrome插件Octotree，左側會出現樹形結構，方便瀏覽源代碼

 

JSON

　　安裝json-view能夠以適合的格式來查看json文件

　　未安裝以前，結果以下

　　安裝以後，結果以下

 

OneTab

　　常常有開 10 個以上的標籤頁經歷，更痛苦的是，有太多的標籤頁時，Chrome 有卡頓現象出現！使用OneTab插件，不只節省高達 95% 的內存，還能減輕標籤頁混亂現象！單擊 OneTab 圖標，全部標籤頁轉換成一個列表。須要再次訪問標籤頁時，能夠單獨或所有恢復它們

 

postman

　　postman是調試 HTTP 請求的好工具，也是業界的佼佼者，這對於開發 Web Service 提供了很好的調試入口，支持請求認證機制

 

測量

　　Page Ruler能夠直接查看網頁一些圖片的詳細像素大小、具體位置等，很是實用

 

QR

　　二維碼（QR碼）生成器在作手機調試時很是有用

 

DevTools

　　做爲前端開發，目前流行的不是react就是vue，固然少不了配套的開發插件：react devTools、redux devTools、vue devTools