ie9 与 ie10 的兼容性答案

【问题标题】：ie9 vs ie10 compatibilityie9 与 ie10 的兼容性
【发布时间】：2013-03-27 02:41:24
【问题描述】：

我们的网站目前在 ie9 中运行，我们正在考虑我们需要做些什么来确保它在 ie10 中运行。基于此，我有 2 个问题

1>如果我升级到 ie10，f12 ie 9 浏览器模式是否足以替代 ie9？还是我必须有一个单独的带有 ie9 的虚拟机才能确保它看起来不错。

2>在 ie 9 中有效但在 ie 10 中无效的 HTML 代码中我应该特别寻找什么？

【问题讨论】：

我一直认为“Internet Explorer 兼容性”是矛盾的。
我也对这个问题感兴趣。我们的应用程序在 IE7-9 上运行顺利。 IE10 出于某种原因不一致地打开兼容模式并导致许多 jQuery UI 小部件损坏。 IE10 肯定和 IE9 不一样。

标签： internet-explorer-9 internet-explorer-10

【解决方案1】：

作为一般规则，如果它可以在旧版本的 IE 中运行而不使用 hack，那么它也可以在新版本中运行。

IE的兼容模式已经改进了一些，所以现在它实际上会假装不支持你设置的浏览器模式的东西（比如IE8模式不支持border-radius，IE7模式不支持JSON），所以我相信这是一个“足够好”的替代品。但是，毫无疑问，您无法确定这一点，因此如果可以的话，我建议您使用 IE9 设置虚拟机。

旁注：一定要包含<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 以避免令人讨厌的意外。

【讨论】：

【解决方案2】：

我遇到的一个问题是 IE10 兼容模式在设置非标准元素属性时会中断。

在此处记录：http://bugs.jquery.com/ticket/12577 在这里：https://connect.microsoft.com/IE/feedback/details/774078

这意味着这样的代码会导致member not found 错误，因为IE7 不支持'placeholder' 属性。如果使用 jQueryUI，这是一个主要问题

var input = jQuery( "<input>" )
            .appendTo( 'body')
            .val("Look at me")
            .attr("placeholder", "type something"); //setting placeholder attr will error

【讨论】：