常用的前端相關chrome插件


前面的話

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

 

字符編碼

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

  在頁面空白處,點擊右鍵,即可選擇需要的編碼格式

plug

 

瀏覽代碼

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

plug1

 

JSON

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

  未安裝之前,結果如下

plug

  安裝之后,結果如下

plug

 

OneTab

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

plug

 

postman

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

plug

 

測量

  Page Ruler可以直接查看網頁一些圖片的詳細像素大小、具體位置等,非常實用

plug

 

QR

  二維碼(QR碼)生成器在做手機調試時非常有用

plug

 

DevTools

  作為前端開發,目前流行的不是react就是vue,當然少不了配套的開發插件:react devTools、redux devTools、vue devTools

plug

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM