如何检查跨浏览器是否兼容？
我的谦虚问题是，是否有一个在线工具来检查您的html / css和jQuery页面是否跨浏览器兼容。 我有一个简单的淡入淡出效果与jquery，它在Chrome中工作得很好，但其他浏览器呢？
首先，让我强调其中一条评论中提出的观点，即在您希望支持的所有浏览器中实际测试您的网站非常重要。 第三方工具根本无法为您提供所需的保证，您的网站将在任何给定的浏览器中完美运行。
现在回答这个问题……
您尚未说明是否有任何特定的浏览器遇到问题。 如果您的问题是测试所有不同版本的IE，您可能需要查看IE Tester ，它将所有版本的IE安装到一个应用程序中，允许您轻松测试它们。 它确实有崩溃的倾向，所以它不适合用作主浏览器，但它肯定足以进行测试。
如果您只需要网站的屏幕截图，则浏览器镜头非常方便。 您可以使用它来获取您的站点的屏幕截图，几乎可以在Windows，Linux或Mac中发布的任何浏览器中运行。 没有太多用于测试动态内容，但有助于查找任何基本的页面布局问题。
如果您担心不支持特定浏览器function，可以查看CanIUse.com 。 这是一个拥有超过一百个function的浏览器支持表的站点。 非常方便帮助您决定使用哪些function。
但是既然你特意询问了jQuery，我应该说jQuery的重点是尽量减少浏览器兼容性问题。 基本的jQuery库与当前使用的所有浏览器完全兼容，直接回到IE6，所以你真的应该没有使用它的任何问题。 我唯一要小心的是褪色，因为IE8和之前的版本并没有很好地处理不透明度。 但即便如此，如果你做得对，也可以很好地运作。
第三方jQuery插件是一个不同的故事; 他们将拥有自己支持或不支持的浏览器，您需要检查他们各自的网站以确认详细信息。 但是大多数应该支持与主jQuery库相同的浏览器集。
希望有所帮助。
如果您使用的是jQuery而不是HTML5（仍处于开发进度中），那么最高度的过渡效果是交叉兼容的。 因为这就是js库背后的原因。 他们不依赖于浏览器这么多，他们做自己的东西。 否则jQuery没有那么多意义，它不是跨浏览器兼容的。
听起来像SauceLabs就是你所需要的。 它加载每个浏览器的交互式视觉效果供您使用。
Browsercam ，但它需要您手动检查每个浏览器。
Modern.ie将为您运行测试，并为您提供有关如何使用有效的html / css解决问题的建议。 无需安装。 他们还可以在各种设备上为您提供网站的屏幕截图。
此工具可检测可能导致兼容性问题或阻止用户在网页上获得最佳体验的常见编码做法。 只要有可能，我们建议使用HTML5和CSS3等网络标准（或优雅的后备）进行修复或增强。 它不是一个完整的现代网络编码清单 – 只是一个起点，因此您可以花更少的时间来测试IE，并花更多的时间来构建网络上的重要内容。