如何检查跨浏览器兼容性？

Question

我的小问题是，如果有一个在线工具来检查您的html/css & jQuery页面是跨浏览器兼容的。我有一个简单的淡入淡出效果与jQuery的效果，它在Chrome中完美的工作，但其他浏览器呢？

Answer 1

首先，让我强调其中一条评论所提出的观点，即在所有希望支持的浏览器中真正为自己测试自己的网站是非常重要的。第三方工具根本无法为您提供所需的保证，即您的网站可以在任何浏览器中完美地工作。

现在回答这个问题......

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

如果你只需要你的网站截图，Browser Shots是方便的。您可以使用它来获取在Windows，Linux或Mac上发布的任何浏览器中运行的网站的屏幕截图。测试动态内容的用处不大，但适合寻找任何基本的页面布局问题。

如果您担心某些浏览器功能不受支持，您可以查看CanIUse.com。这是一个拥有超过100个功能的浏览器支持表的网站。非常方便，帮助您决定使用哪些功能。

但是，既然你特意问了关于jQuery，我应该说，jQuery的全部重点是最大限度地减少浏览器兼容性问题。基本的jQuery库与目前使用的所有浏览器完全兼容，可以回到IE6，所以你真的不应该有任何使用它的问题。我唯一需要注意的就是褪色，因为IE8和之前的版本并没有很好地处理不透明。但即使如此，如果你做得对，它也可以很好地工作。

第三方jQuery插件是不同的故事;他们将拥有自己的一套浏览器，他们支持与否，并且您需要检查他们的个人网站以确认详细信息。但是他们中的大多数应该支持与主jQuery库相同的一组浏览器。

希望有所帮助。

Answer 2

如果您使用的是jQuery而不是HTML5（它仍处于开发过程中），那么您的转换效果最具有交叉兼容性。因为这是js库的原因。他们不依赖于浏览器，他们做自己的东西。否则，jQuery对我来说没有多大意义，它不是跨浏览器兼容的。

Answer 3

听起来像SauceLabs是你需要的。它会加载每个浏览器的交互式视觉效果，供您玩耍。

Answer 4

Browsercam，但它会要求您手动检查每个浏览器。

Answer 5

http://www.modern.ie/

Modern.ie将进行测试，为您和为您提供有关如何使用有效的HTML/CSS解决问题的建议。 无需安装。 他们还可以为您提供各种设备上的网站截图。

该工具检测到可能导致 兼容性问题或防止用户获取网页上的最佳 可能遇到的常见编码实践。只要有可能，我们建议修复 或使用网络标准（如HTML5 & CSS3）（或优雅 回退）进行增强。这不是一个完整的编码现代网络清单 - 只是一个起点，所以你可以花更少的时间测试IE和 更多的时间来建立网络上的重要事项。