Google Chrome 的開發(fā)者工具可以進(jìn)一步提高你的工作效率。以下是我個(gè)人日常 Web 開發(fā)中常用的十個(gè) Chrome 擴(kuò)展埠帕。
CSS Peeper
CSS Peeper 是一個(gè)用于 CSS 檢查的多功能工具是晨，它允許您快速查看任何網(wǎng)站的樣式、字體、調(diào)色板和資源惠赫。
React Developer Tools
React Developer Tools 是與 React 使用時(shí)的實(shí)際擴(kuò)展赘娄，為 React 應(yīng)用程序提供了所有必要的檢查工具仆潮。
Vue.js devtools
Vue.js devtools 用于調(diào)試 Vue.js 應(yīng)用程序的 Chrome 和 Firefox DevTools 擴(kuò)展。
Screenity
Screenity 適用于 Chrome 的功能強(qiáng)大的屏幕錄像機(jī)遣臼。它的功能亮點(diǎn)非常多性置，比如可以錄制瀏覽器的標(biāo)簽頁、整個(gè)屏幕（瀏覽器外）揍堰，以及攝像頭鹏浅，通過在屏幕上的任意位置繪制嗅义、添加文本和創(chuàng)建箭頭????突出顯示您的單擊、聚焦鼠標(biāo)或?qū)⑵潆[藏在錄制???個(gè)人麥克風(fēng)和計(jì)算機(jī)音頻控制隐砸、推送通話之碗，支持導(dǎo)出 mp4、if 和 webm 等凰萨。
筆者文章的 Gif 都是使用該插件錄制生成继控。
LastPass
LastPass 通過提供一個(gè)免費(fèi)的密碼管理器（與谷歌自帶的密碼管理器類似），提供密碼生成和密碼保護(hù)注釋胖眷，可確保您的帳戶和 API 密鑰的安全武通。
安裝插件并登錄 LastPass 后，當(dāng)注冊新的網(wǎng)站時(shí)珊搀，可以直接在線生成密碼并存儲：
它支持 IE冶忱、 Chrome、 FireFox境析、Opera囚枪、 Safari、Edge 等主流瀏覽器以及移動設(shè)備劳淆。
uBlock Origin
uBlock Origin 是一個(gè)簡單而有效的廣告攔截器擴(kuò)展程序链沼，您只需要安裝它，而無需配置與操作沛鸵，因?yàn)樗梢允鼓臑g覽體驗(yàn)保持無廣告狀態(tài)括勺。
VisBug
VisBug 可以使用非常直觀的控件和工具即時(shí)調(diào)整網(wǎng)站設(shè)計(jì)，而無需深入研究任何代碼曲掰。
JSON Viewer
JSON Viewer 為 JSON 響應(yīng)提供了一些非常需要的語法突出顯示和樣式自定義疾捍，這在當(dāng)今大多數(shù) Web API 中已經(jīng)很普遍。
網(wǎng)站底部給出了其他格式轉(zhuǎn)化類型
FeHelper
FeHelper JSON自動格式化栏妖、手動格式化乱豆、支持排序、解碼吊趾、下載等宛裕，更多功能可在配置頁面安裝！
EditThisCookie
EditThisCookie 是一個(gè)功能強(qiáng)大的 cookie 管理器擴(kuò)展论泛，可讓您快速有效地添加续滋，刪除，編輯孵奶，甚至導(dǎo)出和導(dǎo)入 cookie。
本文首發(fā) blog蜡峰，如果喜歡或者有所啟發(fā)了袁，歡迎 Star朗恳，對作者也是一種鼓勵(lì)。
