jquery - 如何检查是否跨浏览器兼容？

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，因为它们往往会吸引固执己见的答案和垃圾邮件。相反，describe the problem以及迄今为止已采取哪些措施来解决该问题。

已关闭 9 年前。

Improve this question

我的小问题是，是否有一个在线工具可以检查您的 html/css 和 jQuery 页面是否跨浏览器兼容。我有一个带有 jquery 的简单淡入淡出效果，它在 Chrome 中运行完美，但是其他浏览器呢？

Answer 1

首先，让我强调其中一条评论中提出的观点，即在您希望支持的所有浏览器中实际测试您的网站非常重要。第三方工具根本无法向您保证您的网站在任何给定浏览器中都能完美运行。

现在回答问题...

您没有说明是否有任何特定的浏览器遇到问题。如果您的问题是测试所有不同版本的 IE，您可能需要查看 IE Tester ，它将所有版本的 IE 安装到单个应用程序中，使您可以轻松地测试它们。它确实有崩溃的倾向，因此不适合用作主浏览器，但对于测试来说肯定足够了。

如果您只需要网站的屏幕截图，Browser Shots很方便。您可以使用它来获取在 Windows、Linux 或 Mac 中几乎任何已发布的浏览器中运行的站点的屏幕截图。对于测试动态内容没有多大用处，但对于查找任何基本的页面布局问题很有用。

如果您担心特定浏览器功能不受支持，可以查看 CanIUse.com 。该网站拥有一百多种功能的浏览器支持表。非常方便地帮助您决定使用哪些功能。

但是既然您特别询问了 jQuery，我应该说 jQuery 的全部目的是最大限度地减少浏览器兼容性问题。基本的 jQuery 库与当前使用的所有浏览器完全兼容，直到 IE6，所以您在使用它时确实不会有任何问题。我唯一要注意的是褪色，因为 IE8 及更早版本不能很好地处理不透明度。但即使在那里，如果你做得正确，它也能发挥良好的作用。

第三方 jQuery 插件则是另一回事；他们将拥有自己的一组支持或不支持的浏览器，您需要检查他们各自的网站以确认详细信息。但它们中的大多数应该支持与主 jQuery 库相同的浏览器集。

希望有帮助。