50个能帮你节省时间的开发工具！（值得收藏）
本文列举出 50 个能够帮你提高开发效率，节省开发时间的 Chrome 扩展和 Web 应用，它们很有可能会在什么时候派上用场。老规矩，先转发、点赞、点再看三连，最后再慢慢阅读，千万别让它在收藏夹里吃灰。
1. Whatruns
一个免费的浏览器扩展程序，只需单击一下按钮，就能帮你识别当前网站上所使到的技术。
官网：https://www.whatruns.com/
2. Sizzy
开发人员专用的浏览器。可以帮你节省时间，加快开发流程
官网：https://sizzy.co/
3. Log Rocket
LogRocket 使你可以重播用户在你站点上所做的操作，从而帮你重现错误并更快地解决问题。
官网：https://logrocket.com/
4. Sentry
Sentry 的应用监视平台几乎可以为所有的开发人员提供帮助，它能够诊断、修复和优化你代码的性能。
官网：https://sentry.io/
5. Can I Use?
"Can I use"提供了最新的浏览器支持表，能帮你检查支持台式机和移动 Web 浏览器上的前端 Web 技术。
官网：https://caniuse.com/
6. Prettier
一个代码格式化程序，支持多种语言，能够与大多数编辑器集成。
官网：https://prettier.io/
7. CSS Scan
让你与“检查元素”再见。它能立即检查悬停的任何元素的 CSS，并且只需要单击一下即可复制其整个规则。
官网：https://getcssscan.com/
8. Bundlephobia
帮你检查把 npm 包添加到 bundle 包中所需要花费的代价，
官网：https://bundlephobia.com/
9. Cypress
对浏览器中运行的所有内容进行快速、轻松和可靠的测试。
官网：https://www.cypress.io/
10. Unminify
用于压缩、解压缩、反混淆 JavaScript，CSS，HTML，XML 和 JSON 代码并增强可读性的免费工具。
官网：https://unminify.com/
11. RegEx 101
基于 PCRE 的免费正则表达式调试器，具有实时说明、错误检测和突出显示的功能。
官网：https://regex101.com/
12. Clear Cache
只需单击一下按钮，即可清除缓存并浏览数据。
官网：https://chrome.google.com/web...
13. Window Resizer
通过调整浏览器窗口的大小来模拟各种屏幕分辨率。
官网：https://chrome.google.com/web...
14. Wappalyzer
Wappalyzer 是一个能够现网站上所用技术的实用程序。它能够检测内容管理系统、电子商务平台、Web框架、服务器软件，分析工具等。
官网：https://chrome.google.com/web...
15. MDN
MDN Web Docs 站点提供有关开放的 Web 技术的信息，包括用于 Web 站点和渐进式 Web 应用的 HTML、CSS 和 API 等技术。
官网：https://developer.mozilla.org...）
16. Axe
可访问性测试标准。被 Microsoft、Google 和大量的开发测试团队所选择，Axe 是世界领先的可访问性工具包。
官网：https://www.deque.com/axe/
17. Git Graph
Visual Studio Code 的 Git Graph 扩展。帮你查看存储库中的 Git 图，并轻松地从视图中执行 Git 操作。可以随心配置为你想要的样子！
官网：https://marketplace.visualstu...
18. Kontrast-WCAG 对比度检查器
能够在浏览器中实时快速检查和调整对比度，以满足 WCAG 2.1 的要求。
官网：https://chrome.google.com/web...
19. Octotree
可增强 GitHub 代码的检查和浏览功能的浏览器扩展。
官网：https://chrome.google.com/web...
20. Postwoman
Postman 的替代品，能够帮你更快地创建 HTTP 请求，节省宝贵的开发时间
官网：https://postwoman.io/）
21. Responsively App
把开发响应式 Web 应用的速度提高了 5 倍！所有前端开发人员必备的开发工具，使你的工作更加轻松。
官网：https://sensitively.app/
22. FullStory
帮你查明自己的用户在何时、何地产生纠结，以及是怎样影响你的收入和留存率的。
官网：https://www.fullstory.com/
23. gitignore.io
帮你轻松的为自己的项目创建 .gitignore 文件
官网：https://www.toptal.com/develo...
24. 1Loc
206 个只需单行代码就能实现的 JavaScript 实用程序。
官网：https://1loc.dev/
25. Does it mutate?
它会变异吗？
官网：https://doesitmutate.xyz/）
26. Keycode
获取任意键的 JavaScript 事件键码
官网：https://keycode.info/
27. Worth It: 现代 JS 版
用来分析页面的工具，帮你确定在使用模块和无模块模式时，在现代浏览器中下载的 JavaScript 减少了多少。
官网：https://module-nomodule-calcu...
28. npmview
一个用于查看 npm 包文件的 Web 应用。
官网：https://npmview.now.sh/
29. CSS to JS
在 CSS、JS 对象和 JSX prop之间进行转换。
官网：https://css2js.dotenv.dev/
30. All Characters
一个简单的页面，显示所有不同的字符及其 HTML 代码。
官网：https://aymkdn.github.io/char...
31. Shape Catcher
帮助你查找 Unicode 字符的工具。当你要查找不知道名字的特定字符时非常麻烦。在 shapecatcher.com上，你只需要知道它的大致形状即可！
官网：https://shapecatcher.com/
32. Mocky
在开发时不必等待后端代码准备完毕，用 Mocky 可以生成自定义 API 响应。
官网：https://designer.mocky.io/
33. Explain Shell
写下命令行并查看与每个参数相匹配的帮助文本
官网：https://explainshell.com/
34. Base64 Image
将图像转换为 Base64
官网：https://www.base64-image.de/）
35. Open Graph Check
在社交网络上分享内容时，针对目标群体量身定制的优化预览可以显着提高点击率。 Opengraphcheck.com 能帮助你做到最好。最棒的是，Open Graph Check 是免费的。
官网：https://opengraphcheck.com/
36. Brotli pro
帮你获得更高的压缩率
官网：https://www.brotli.pro/
37. Responsive Breakpoints
轻松生成最佳的响应式图像尺寸
官网：https://www.sensitivebreakpoi...
38. Is my host fast yet?
用来检测用户浏览 Web 时所经历的真实服务器响应延迟。
官网：https://ismyhostfastyet.com/）
39. Check My Links
“Check My Links”是一个链接检查器，可爬取你的网页并查找无效链接。
官网：https://chrome.google.com/web...
40. JSON Web Token
对 JWT 进行编码或解码
官网：https://www.jsonwebtoken.io/
41. Git Kraken
适用于 Windows、Mac 和 Linux 的 Git 客户端，免费开源。
官网：https://www.gitkraken.com/
42. BEM Cheat Sheet
即使是最有经验的 CSS 开发人员，也不会总是立即找到正确的类名，这很快会使你感到绝望。该工具为你提供一些最常见的 Web 组件的命名建议，帮助你避免在 BEM 的世界中迷路。
官网：https://9elements.com/bem-che...
43. Can I Email
官网：https://www.caniemail.com/
44. CSS Grid Generator
只需要设置数字以及列和行的单位，然后就会为你生成一个 CSS 网格！可以通过在框内拖动来创建放置在网格内的 p。
官网：https://cssgrid-generator.net...
45. Screen size map
设备无关像素的屏幕尺寸比较
官网：https://screensizemap.com/
46. Who can use?
谁可以使用这种颜色组合？
官网：https://whocanuse.com/
47. Will it CORS?
告诉这台神奇的 CORS 机器你想要什么，它将告诉你确切的操作。
官网：https://httptoolkit.tech/will...）
48. extractCSS
从 HTML 提取 CSS
官网：http://extractcss.com/
49. Shieldfy
在代码正式投入生产之前，自动识别并修复代码中的安全问题和漏洞。
官网：https://shieldfy.io/
50. YAML Checker
YAML Checker 提供了一种快速简便的方法来验证 YAML。通过漂亮的语法突出显示和错误信息来验证 YAML。
官网：https://yamlchecker.com/
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
有哪些go语言开发工具
Dec 11, 2023 pm 03:56 PM
go语言开发工具：1、GoLand；2、Visual Studio Code；3、Sublime Text；4、Vim；5、LiteIDE；6、GoClipse；7、Delve；8、GoDoc；9、GoCodify；10、GoSublime；11、Go Playground；12、GoDocBrowser；13、Go-Ethereum；14、LiteIDE X。
微软将ChatGPT相关AI技术集成到更多开发工具中
Apr 12, 2023 pm 09:43 PM
3月7日消息，美国当地时间周一，微软宣布将爆火聊天机器人ChatGPT背后的AI技术集成到Power Platform等更多开发工具中，该平台允许用户在很少甚至不需要编码的情况下构建应用程序，这是微软将AI技术与其产品进行的最新整合行动。微软表示，Power Platform内的一系列商业智能和应用开发工具都增添了新功能，比如Power Virtual Agent和AI Builder。其中，Power Virtual Agent是一款供企业构建聊天机器人的工具，现在可以连接到公司内部资源，
选择最适合你的Java开发工具：评测与推荐
Feb 18, 2024 pm 10:18 PM
Java开发工具评测：哪个才是最适合你的选择？作为当今最流行的编程语言之一，Java在软件开发领域发挥着重要的作用。而在Java开发过程中，选择一个适合自己的开发工具是至关重要的。本文将对几种常见的Java开发工具进行评测，并给出适用场景的建议。EclipseEclipse是一款开源、跨平台的Java集成开发环境（IDE），被广泛用于Java项目的开发。它提
【整理分享】8种开发工具，提升工作效率，再也不做加班人！
Sep 15, 2022 am 11:10 AM
你还在因为加班熬夜而秃头吗？你还在因为奇葩需求而造轮子吗？那你找对人了！！本文切身感受程序员之痛苦，背后默默吐血整理了一篇文章，希望对大家有所帮助。冲冲冲！！
java开发工具哪个好用
Dec 22, 2023 pm 04:16 PM
好用的java开发工具有：1、Eclipse IDE；2、IntelliJ IDEA；3、NetBeans；4、Visual Studio Code；5、JDeveloper；6、BlueJ；7、Spring Tool Suite (STS)；8、DrJava等。详细介绍：1、Eclipse是一个开源的、强大的集成开发环境，支持多种编程语言，包括Java等等。
软件开发工具有哪些
Oct 20, 2023 am 11:20 AM
软件开发工具有编码和编程工具、版本控制工具、集成开发环境、建模和设计工具、测试和调试工具、项目管理工具、部署和运维工具等。详细介绍：1、编码和编程工具，用于编写、编辑和调试代码。例如Visual Studio、Eclipse、IntelliJ IDEA、PyCharm等；2、版本控制工具，用于跟踪和管理代码的版本。例如Git、SVN、Mercurial等；3、集成开发环境等等。
有哪些开发工具
Aug 02, 2023 pm 04:24 PM
开发工具有：1、集成开发环境IDE，常见的有Eclipse，Visual Studio和IntelliJ IDEA等；2、版本控制系统VCS，常见的有Git和Subversion等；3、自动化构建工具，常见的有Maven和Gradle等；4、测试工具，常见的有JUnit和Selenium等；5、代码分析工具，常见的有SonarQube和Checkstyle等。
PHP 8.3更新：提供更多开发工具和函数库
Nov 27, 2023 pm 12:09 PM
PHP是一种广泛使用的编程语言，在Web开发领域具有重要地位。PHP的优势在于它的灵活性和易用性，使得开发人员能够快速创建功能强大的Web应用程序。每年，PHP都会进行更新和改进，以满足不断变化的需求。最近，PHP8.3更新发布了，为开发人员提供了更多的开发工具和函数库。在本文中，我们将探讨PHP8.3的一些重要更新。首先，PHP8.3引入了更多的开发