我如何知道 javascript 中是否有某些语法或 html 在某些浏览器中不起作用？答案

【问题标题】：How do i know if there is some syntax in javascript or html doesn't works in some browser?我如何知道 javascript 中是否有某些语法或 html 在某些浏览器中不起作用？
【发布时间】：2011-12-21 17:53:21
【问题描述】：

众所周知，这个问题是针对 IE 的 :)，因为像往常一样，它有时不符合标准。所以，在我写一些代码之前，我需要知道其他浏览器是否支持它。我需要像往常一样检查它的是 IE，因为 chrome 和 firefox 在大多数情况下它们的工作方式相同并且效果很好，而在 IE 中它会产生垃圾和一些有线的东西。

所以，我需要一个可以告诉我 JS、jQuery、Html 和 Css 哪些语法在其他浏览器和特定版本中不起作用的网站。

另外，有没有一种方法可以在不同的浏览器（和版本）上测试代码，而无需将它们全部安装在计算机上？？

非常感谢...

【问题讨论】：

仅作记录，jQuery 的优点之一是它可以处理大多数跨浏览器的东西。所以如果你只是关于 jQuery，不要担心这个。不过，关于 CSS……请参阅答案 :)

标签： javascript jquery css internet-explorer cross-browser

【解决方案1】：

我建议 http://www.quirksmode.org/compatibility.html (css2.1 和 javascript) http://findmebyip.com/litmus 和 http://caniuse.com/（适用于 css3 和 html5）

此外还有 http://www.positioniseverything.net/ 有关旧 IE 版本上最常见错误的说明

【讨论】：

【解决方案2】：

我使用http://www.quirksmode.org/compatibility.html 作为检查特定浏览器是否支持特定 css 语法的基础，或者如果有我似乎无法解决的 css 问题，我会在这里查看。

此外，微软确实有虚拟映像 XP IE6、XP IE7 等每隔几个月更新一次，Web 开发人员可以下载这些映像来测试他们的网站。

【讨论】：

【解决方案3】：

您可以使用http://www.browserstack.com/ 或http://browserling.com/ 等网站进行跨浏览器测试。 Testling 也很适合这个。

【讨论】：

【解决方案4】：

http://www.w3schools.com/ 有 CSS、JS 和 HTML 的兼容性表。

jQuery 被规范化，在任何地方都可以正常工作。

【讨论】：

鉴于该站点的声誉，我想我会测试一些东西，看看它是否能很好地解决兼容性问题。遗憾的是它对getElementById 的描述是可疑的，它没有提到该方法在IE 中的错误，而且它似乎根本没有涵盖getElementsByClassName。 W3Schools is best avoided.

【解决方案5】：

对于 CSS 兼容性问题，您还可以查看modernizr.js (http://www.modernizr.com/)。它非常漂亮，允许您对浏览器使用功能检测，而不是检查客户端版本。那和 JQuery 可以真正减少错误/黑客的疯狂。

【讨论】：

【解决方案6】：

也许您应该研究一下 Selenium 测试。有些网站可以在线运行这些测试，例如http://testingbot.com

【讨论】：