工欲善其事，必先利其器。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 都能为你提供便捷而优质的截图体验。

文章转载自：dombro

原文链接：https://www.cnblogs.com/iovec/p/17911085.html

体验地址：http://www.jnpfsoft.com/?from=001