如何检查跨浏览器是否兼容?

时间:2011-10-17 20:08:13

标签: jquery cross-browser

我的谦虚问题是,是否有一个在线工具来检查你的html / css& jQuery页面是跨浏览器兼容的。我有一个简单的淡入淡出效果与jquery,它在Chrome中工作得很好,但其他浏览器呢?

5 个答案:

答案 0 :(得分:5)

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

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

您尚未说明是否有任何特定的浏览器遇到问题。如果您的问题是测试所有不同版本的IE,您可能需要查看IE Tester,它将所有版本的IE安装到一个应用程序中,允许您轻松测试它们。它确实有崩溃的倾向,所以它不适合用作主浏览器,但它肯定足以进行测试。

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

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

但是既然你特意询问了jQuery,我应该说jQuery的重点是尽量减少浏览器兼容性问题。基本的jQuery库与当前使用的所有浏览器完全兼容,直接回到IE6,所以你真的应该没有使用它的任何问题。我唯一要小心的是褪色,因为IE8和之前的版本并没有很好地处理不透明度。但即便如此,如果你做对了也能很好地工作。

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

希望有所帮助。

答案 1 :(得分:0)

如果您使用的是jQuery而不是HTML5(仍处于开发进度中),那么最高度的转换效果是交叉兼容的。因为这就是js库背后的原因。他们不依赖于浏览器这么多,他们做自己的东西。否则jQuery没有那么多意义,它不是跨浏览器兼容的。

答案 2 :(得分:0)

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

答案 3 :(得分:0)

Browsercam,但需要您手动检查每个浏览器。

答案 4 :(得分:0)

http://www.modern.ie/

Modern.ie将为您运行测试,并就如何使用有效的html / css解决问题提供建议。 无需安装。 他们还可以在各种设备上为您提供网站的屏幕截图。

  

此工具可检测可能导致的常见编码做法   兼容性问题或阻止您的用户获得最佳效果   可能的网页体验。只要有可能,我们建议修复   或者像HTML5和HTML等网络标准的增强CSS3(或优雅的   倒退)。它不是编码现代网络的完整清单 -   只是一个起点,所以你可以花更少的时间测试IE和   更多时间在网上建立重要的事情。