首页 > 谷歌浏览器开发者工具插件推荐合集
谷歌浏览器开发者工具插件推荐合集
来源:Chrome浏览器官网时间:2025-07-01

1. 代码编辑和调试类
- Web Developer:提供各种工具,用于检查、编辑和调试网页,能帮助开发者更好地理解和修改网页代码。
- React Developer Tools:专门用于检查和调试 React 应用程序,可查看组件树、状态、属性等信息,方便 React 开发者进行开发和调试。
- Vue.js devtools:针对 Vue.js 应用程序的调试工具,能查看 Vue 组件的数据、状态、事件等,有助于 Vue.js 开发者快速定位和解决问题。
- Redux DevTools:用于检查和调试 Redux 状态,可实时查看 Redux 应用中的状态变化、动作分发等情况,方便开发者调试 Redux 相关代码。
- Angular DevTools:为 Angular 应用程序的开发和调试提供支持,可查看模块、组件、服务等的信息,帮助 Angular 开发者进行问题排查和性能优化。
- Code Cola:允许在浏览器中直接编辑 CSS 和 JS 代码,并能实时预览效果,提高开发效率。
2. 性能分析类
- Lighthouse:由谷歌官方团队提供的开源自动化检测工具,可对网页的性能、可访问性(无障碍)、SEO 等内容进行全面分析,并给出详细的优化指导建议,是行业标杆级的检测工具。
- PageSpeed Insights:能够分析网页的性能,并提供针对性的优化建议,帮助开发者提升网页的加载速度和性能表现。
3. 技术栈分析类
- Wappalyzer:可以自动分析网站所使用的技术栈,包括内容管理系统(CMS)、框架、服务器软件、分析工具等,方便开发者了解竞争对手或参考网站的技术架构。