分享每一天-17个能帮你节省时间的开发工具！（值得收藏）

工具推荐 1574 0 创建时间：2020-11-11 16:58:52

节省时间开发工具

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

Whatruns官网：
https://www.whatruns.com/

#### 2. Log Rocket

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

LogRocket ：
https://logrocket.com/

#### 3. Sentry

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

#### 4. Can I Use?

"Can I use"提供了最新的浏览器支持表，能帮你检查支持台式机和移动 Web 浏览器上的前端 Web 技术。
Can I Use?官网：https://caniuse.com/

#### 5. Prettier
一个代码格式化程序，支持多种语言，能够与大多数编辑器集成。
Prettier官网：https://prettier.io/

#### 6. CSS Scan
让你与“检查元素”再见。它能立即检查悬停的任何元素的 CSS，并且只需要单击一下即可复制其整个规则。
CSS Scan官网：https://getcssscan.com/

#### 7. Bundlephobia
帮你检查把 npm 包添加到 bundle 包中所需要花费的代价。
Bundlephobia官网：https://bundlephobia.com/

#### 8. Cypress
对浏览器中运行的所有内容进行快速、轻松和可靠的测试。
Cypress官网：https://www.cypress.io/

#### 9. Unminify
用于压缩、解压缩、反混淆 JavaScript，CSS，HTML，XML 和 JSON 代码并增强可读性的免费工具。
Unminify官网：https://unminify.com/

#### 10. RegEx 101
基于 PCRE 的免费正则表达式调试器，具有实时说明、错误检测和突出显示的功能。
RegEx 101官网：https://regex101.com/

#### 11. MDN
MDN Web Docs 站点提供有关开放的服务 Web 技术的信息，包括用于 Web 站点和渐进式 Web 应用的 HTML、CSS 和 API 等技术。
MDN官网：https://developer.mozilla.org/zh-CN/

#### 12. Git Graph

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

Git Graph官网：https://gitgraphjs.com/#0

#### 13. 1Loc
212 只需单行代码就能实现的 JavaScript 实用程序。
1Loc官网：https://1loc.dev/

#### 14. Mocky
在开发时不必等待后端代码准备完毕，用 Mocky 可以生成自定义 API 响应。
Mocky官网：https://designer.mocky.io/

#### 15. Base64 Image
将图像转换为 Base64。
Base64 Image官网：https://www.base64-image.de/

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

https://ismyhostfastyet.com/

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

https://whocanuse.com/

##### 感谢您的阅读，如果对您有帮助，欢迎关注

![](http://www.seedblog.cn/uploads/article/2020-11-11/8b3aYxcvvTKxO9sHFSoRZQbCGeEVoFhNurX39mgp.bmp)

![](http://www.seedblog.cn/uploads/article/2020-11-12/lFtuUkGNws1ibiR6HisHW5w1BghsLpk66RoDd2x0.gif)