本文列举出 50 个能够帮你提高开发效率，节省开发时间的 Chrome 扩展和 Web 应用，它们很有可能会在什么时候派上用场。老规矩，先转发、点赞、点再看三连，最后再慢慢阅读，千万别让它在收藏夹里吃灰。

1. Whatruns

一个免费的浏览器扩展程序，只需单击一下按钮，就能帮你识别当前网站上所使用的技术。

2. Log Rocket

LogRocket 使你可以重播用户在你站点上所做的操作，从而帮你重现错误并更快地解决问题。

3. Sentry

Sentry 的应用监视平台几乎可以为所有的开发人员提供帮助，它能够诊断、修复和优化你代码的性能。

4. Can I Use?

"Can I use"提供了最新的浏览器支持表，能帮你检查支持台式机和移动 Web 浏览器上的前端 Web 技术。

5. Prettier

一个代码格式化程序，支持多种语言，能够与大多数编辑器集成。

6. CSS Scan

让你与“检查元素”再见。它能立即检查悬停的任何元素的 CSS，并且只需要单击一下即可复制其整个规则。

7. Bundlephobia

帮你检查把 npm 包添加到 bundle 包中所需要花费的代价。

8. Cypress

对浏览器中运行的所有内容进行快速、轻松和可靠的测试。

9. Unminify

用于压缩、解压缩、反混淆 JavaScript，CSS，HTML，XML 和 JSON 代码并增强可读性的免费工具。

10. RegEx 101

基于 PCRE 的免费正则表达式调试器，具有实时说明、错误检测和突出显示的功能。

11. MDN

MDN Web Docs 站点提供有关开放的服务 Web 技术的信息，包括用于 Web 站点和渐进式 Web 应用的 HTML、CSS 和 API 等技术。

12. Git Graph

Visual Studio Code 的 Git Graph 扩展。帮你查看存储库中的 Git 图，并轻松地从视图中执行 Git 操作。可以随心配置为你想要的样子！ 可在vscode搜索此插件安装！

13. 1Loc

212 只需单行代码就能实现的 JavaScript 实用程序。

14. Mocky

在开发时不必等待后端代码准备完毕，用 Mocky 可以生成自定义 API 响应。

15. Base64 Image

将图像转换为 Base64。

16. Is my host fast yet?

用来检测用户浏览 Web 时所经历的真实服务器响应延迟。 Is my host fast yet?

17. Who can use?

调试颜色搭配的各种视觉推荐。 Who can use?

感谢您的阅读，如果对您有帮助，欢迎关注"CRMEB"掘金号。码云上有我们开源的商城项目，知识付费项目，均是基于PHP+vue+mysql开发，学习研究欢迎使用，关注我们保持联系！