1. Whatruns一个免费的浏览器扩展程序,只需单击一下按钮,就能帮你识别当前网站上所使到的技术。 官网:www./ 2. Sizzy开发人员专用的浏览器。可以帮你节省时间,加快开发流程 官网:/ 3. Log RocketLogRocket 使你可以重播用户在你站点上所做的操作,从而帮你重现错误并更快地解决问题。 官网:/ 4. SentrySentry 的应用监视平台几乎可以为所有的开发人员提供帮助,它能够诊断、修复和优化你代码的性能。 官网:/ 5. Can I Use?
官网:/ 6. Prettier一个代码格式化程序,支持多种语言,能够与大多数编辑器集成。 官网:/ 7. CSS Scan让你与「检查元素」再见。它能立即检查悬停的任何元素的 CSS,并且只需要单击一下即可复制其整个规则。 官网:/ 8. Bundlephobia帮你检查把 官网:/ 9. Cypress对浏览器中运行的所有内容进行快速、轻松和可靠的测试。 官网:www./ 10. Unminify用于压缩、解压缩、反混淆 官网:/ 11. RegEx 101基于 PCRE 的免费正则表达式调试器,具有实时说明、错误检测和突出显示的功能。 官网:/ 12. Clear Cache只需单击一下按钮,即可清除缓存并浏览数据。 官网:chrome.google.com/webstore/detail/... 13. Window Resizer通过调整浏览器窗口的大小来模拟各种屏幕分辨率。 官网:chrome.google.com/webstore/detail/... 14. Wappalyzer
官网:chrome.google.com/webstore/detail/... 15. MDN
官网:developer.mozilla.org/en-US/ 16. Axe可访问性测试标准。被 官网:www./axe/ 17. Git Graph
18. Kontrast-WCAG 对比度检查器能够在浏览器中实时快速检查和调整对比度,以满足 官网:chrome.google.com/webstore/detail/... 19. Octotree可增强 官网:chrome.google.com/webstore/detail/... 20. Postwoman
官网:/ 21. Responsively App把开发响应式 22. FullStory帮你查明自己的用户在何时、何地产生纠结,以及是怎样影响你的收入和留存率的。 官网:www./ 23. gitignore.io帮你轻松的为自己的项目创建 官网:www./developers/gitignor... 24. 1Loc206 个只需单行代码就能实现的 JavaScript 实用程序。 官网:1loc.dev/ 25. Does it mutate?它会变异吗? 官网:/ 26. Keycode获取任意键的 官网:/ 27. Worth It: 现代 JS 版用来分析页面的工具,帮你确定在使用模块和无模块模式时,在现代浏览器中下载的 JavaScript 减少了多少。 官网:module-nomodule-calculator.glitch.... 28. npmview一个用于查看 官网:npmview./ 29. CSS to JS在 CSS、JS 对象和 JSX prop 之间进行转换。 30. All Characters一个简单的页面,显示所有不同的字符及其 HTML 代码。 31. Shape Catcher帮助你查找 Unicode 字符的工具。当你要查找不知道名字的特定字符时非常麻烦。在 上,你只需要知道它的大致形状即可! 官网:/ 32. Mocky在开发时不必等待后端代码准备完毕,用 Mocky 可以生成自定义 API 响应。 官网:designer./ 33. Explain Shell写下命令行并查看与每个参数相匹配的帮助文本 官网:/ 34. Base64 Image将图像转换为 Base64 官网:www./ 35. Open Graph Check在社交网络上分享内容时,针对目标群体量身定制的优化预览可以显着提高点击率。 Opengraphcheck.com 能帮助你做到最好。最棒的是,Open Graph Check 是免费的。 官网:/ 36. Brotli pro帮你获得更高的压缩率 官网:www./ 37. Responsive Breakpoints轻松生成最佳的响应式图像尺寸 官网:www./ 38. Is my host fast yet?用来检测用户浏览 Web 时所经历的真实服务器响应延迟。 官网:/ 39. Check My Links
官网:chrome.google.com/webstore/detail/... 40. JSON Web Token对 JWT 进行编码或解码 官网:www./ 41. Git Kraken适用于 Windows、Mac 和 Linux 的 Git 客户端,免费开源。 官网:www./ 42. BEM Cheat Sheet即使是最有经验的 CSS 开发人员,也不会总是立即找到正确的类名,这很快会使你感到绝望。该工具为你提供一些最常见的 Web 组件的命名建议,帮助你避免在 BEM 的世界中迷路。 43. Can I Email官网:www./ 44. CSS Grid Generator只需要设置数字以及列和行的单位,然后就会为你生成一个 CSS 网格!可以通过在框内拖动来创建放置在网格内的 div。 官网:cssgrid-generator.netlify.app/ 45. Screen size map设备无关像素的屏幕尺寸比较 官网:/ 46. Who can use?谁可以使用这种颜色组合? 官网:/ 47. Will it CORS?告诉这台神奇的 CORS 机器你想要什么,它将告诉你确切的操作。 48. extractCSS从 HTML 提取 CSS 官网:/ 49. Shieldfy在代码正式投入生产之前,自动识别并修复代码中的安全问题和漏洞。 官网:/ 50. YAML CheckerYAML Checker 提供了一种快速简便的方法来验证 YAML。通过漂亮的语法突出显示和错误信息来验证 YAML。 官网:/ 转载:blog.csdn.net/weixin_49592546/arti... 本作品采用《CC 协议》,转载必须注明作者和本文链接 |
|