google浏览器开发者社区新插件推荐

以下是一些谷歌浏览器开发者社区新插件推荐：
1. 代码编辑与调试类
- Web Developer：提供各种工具，用于检查、编辑和调试网页。比如可以禁用JavaScript、禁用插件、编辑CSS、查看和修改Cookie、编辑表单等，能像IDE一样展示GitHub项目的代码结构，帮助开发者快速定位所需代码文件。
- React Developer Tools：用于检查和调试React应用程序，可查看组件层次结构、状态、属性等信息，方便开发者对React应用进行调试和优化。
- Vue.js devtools：专门用于检查和调试Vue.js应用程序，能查看Vue组件的数据、方法、生命周期钩子等，有助于开发者更好地理解和调试Vue应用。
- Redux DevTools：用于检查和调试Redux状态，可查看Redux应用中的状态变化、动作分发等情况，方便开发者对Redux应用进行调试和维护。
- Angular DevTools：用于检查和调试Angular应用程序，能查看Angular应用的模块、组件、服务等，帮助开发者快速定位和解决Angular应用中的问题。
- Code Cola：可以在浏览器中直接编辑CSS和JS代码，方便开发者在查看网页效果的同时快速修改代码，提高开发效率。
2. 性能分析类
- Lighthouse：可分析网页的性能、可访问性和SEO，提供详细的报告和建议，帮助开发者优化网页性能和用户体验。
- PageSpeed Insights：分析网页的性能并提供优化建议，能指出网页加载速度慢的原因，并提供相应的优化措施，如压缩图片、优化代码等。
3. 技术栈分析类
- Wappalyzer：自动分析网站所使用的技术栈，包括内容管理系统（CMS）、框架、服务器、分析工具等，还能探测网站的CDN、JavaScript框架、广告商等信息，方便开发者了解其他网站所使用的技术。
4. 辅助工具类
- Octotree：像IDE一样展示GitHub项目的代码结构，能帮助开发者快速定位到所需代码文件，提高代码浏览和查找的效率。
- 前端工具箱：包含各种编码解码、进制转换、正则表达式等功能，是前端开发者的实用工具集合，方便开发者在开发过程中进行各种数据转换和处理。
综上所述，这些插件涵盖了代码编辑与调试、性能分析、技术栈分析等多个方面，能够帮助开发者更高效地完成工作。