在不同的浏览器上创建看起来很棒且运行良好的体验是网络上最大的挑战之一。它也是最令人满意的部分，因为它可以让你的应用程序触达尽可能多的用户。另一方面，跨浏览器兼容性也是网络上最大的挫折。在开发过程的后期测试旧版浏览器可能会破坏你花了几个小时才完成的功能，甚至需要重写才能修复。

如果你的主要开发浏览器中的工具可以提前警告你怎么办？多亏了 Firefox 开发者工具中的 Webhint，我们可以做到这一点，而且还有更多功能。

Webhint 引擎

Webhint 提供有关你网站的兼容性、性能、安全性、可访问性的反馈，以指导改进。一个关键优势是跨开发周期的集成 - 当你在 VS Code 中创作、在 CI/CD 自动化 中测试或在线扫描仪中对网站进行基准测试时。在开发者工具中提供 Webhint 可以添加页面内上下文和检查功能。

Firefox 开发者工具很高兴与 Webhint 团队合作，该团队刚刚 发布了其扩展的 1.0 版。借助开发者工具面板提供的建议，任何浏览器上的开发者（也有一个 Chrome 扩展）都可以花更少的时间查看跨浏览器兼容性表，例如 caniuse 或 MDN。1.0 版本的核心部分是 CSS 和 HTML 的跨浏览器指南，也是第一个在代码上应用 MDN 的 浏览器兼容性数据 来检测兼容性的项目之一。

构建的基础

提示不是刻在石头上的规则。事实上，提示引擎 是可扩展设计的，因此开发者可以为他们的项目捕获自己的专业知识和最佳实践。我们也计划调整建议背后的启发式方法，特别是对于新的领域，例如兼容性，根据你的反馈。我们还在努力将建议进一步集成到开发者工具中。当你需要时，一切都应该触手可及。

总结

安装 Firefox 的 Webhint、Chrome 或 Edge（Chromium） 并针对你的旧项目和新项目运行它。了解如何进一步优化兼容性、安全性、可访问性和速度。我们希望它能帮助你让你的网站尽可能多地为用户服务。