大家好，我是 dom 哥。這是我關于 Chrome 擴展開發的系列文章，感興趣的可以 點個小星星。

工欲善其事，必先利其器。Chrome 可能是前端開發中使用最多的瀏覽器。在日常開發中，下列幾款 Chrome 擴展也許能讓你的開發工作事半功倍 ??

Vue.js devtools ??

vue 官方專為 vue 應用開發的調試工具。

通過使用它，你可以快速查看組件的狀態和屬性，分析性能瓶頸，并進行性能優化。同時，它還提供了方便的 Vuex 狀態管理和組件時間旅行功能。無論你是 Vue.js 初學者還是有經驗的開發人員，Vue.js Devtools 都是一個值得掌握的工具。

React Developer Tools ??

React Developer Tools 專為 React 應用程序開發者設計。它提供了一系列功能，幫助開發者更輕松地調試和優化 React 組件。

通過深入掌握 React Developer Tools，你可以更好地理解組件層次結構、跟蹤組件狀態和性能，調試 React Hooks，以及進行組件時間旅行等操作。無論你是初學者還是有經驗的開發者，掌握 React Developer Tools 都將極大地提升你的 React 開發能力和效率。

Vimium ??

將 Vim 式的快捷鍵帶入瀏覽器世界。

Vimium 為用戶提供了類似 Vim 編輯器的鍵盤導航和操作方式，大大提升了瀏覽器操作的效率和速度。通過安裝和使用 Vimium，你可以像在 Vim 中一樣快速瀏覽網頁、打開鏈接、搜索內容，甚至進行高級操作和自定義設置。不管你是 Vim 用戶還是想要提高瀏覽器操作效率的用戶，Vimium 都值得一試。

Resource Override ??

Resource Override 提供了實時修改，重定向和調試網頁靜態資源的能力。

前端開發者經常需要將線上資源重定向到本地，以此實現本地開發調試，這正是 Resource Override 的用武之地。

通過使用 Resource Override，我們可以定制和優化網頁資源加載，滿足個性化需求，或進行調試和優化。不論是開發者還是調試專家，Resource Override 都是一個不可或缺的工具，能夠顯著提升開發和調試效率。

GoFullPage - Full Page Screen Capture ??

簡單快速生成網頁全頁截圖的高效工具。

下面是我截的 github 首頁長圖：

我們經常需要生成網頁的全頁截圖，以便進行展示、分享、文檔編寫或錯誤排查。GoFullPage 就是這樣一款強大而高效的網頁截圖工具，能夠快速生成高質量的網頁全頁截圖。它提供了多種截圖模式、定制化設置和高性能算法，幫助開發者、設計師和測試人員更輕松地進行網頁截圖工作。無論是展示、分享、文檔編寫還是錯誤排查，GoFullPage 都能為你提供便捷而優質的截圖體驗。

覺得不錯可以 點個小星星 支持一下哦 ??

總結

以上是生活随笔為你收集整理的推荐给前端开发的 5 款 Chrome 扩展的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。