前面的話
本文將詳細介紹筆者在開發中常用的一些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
