检测 <= IE10 的最佳方法
Posted
技术标签:
【中文标题】检测 <= IE10 的最佳方法【英文标题】：Best way to detect <= IE10 【发布时间】：2013-06-09 04:12:11 【问题描述】：检测 IE 的最新方法是什么？
条件 cmets 不做是的，我对此很陌生。干杯！
【问题讨论】：
你想在客户端还是服务器上检测？ 我会查看现有问题，例如：***.com/questions/9900311/… 为了纠正您的第一点，IE9 确实执行条件 cmets。它只是在 IE10 中停止支持它们。 通常在实践中您实际上并不想要检测 IE，而是想要检测缺少特定功能的 IE。它通常是检查该功能而不是浏览器的更简洁的方法，因为它也会触发其他缺少该功能的浏览器。那么核心问题是你为什么要检查 IE？ @Nucleon 我不知道为什么 IE 中没有显示 mapbox 引脚。他们说他们知道这个错误。 【参考方案1】：对 IE6-9 使用条件 cmets，对 IE10 使用一些自定义函数。例如： html：
<!--[if lt IE 7 ]> <html class="ie6 ie"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7 ie"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8 ie"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9 ie"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->
JS：
if ($('html').hasClass('ie') || (Function('/*@cc_on return document.documentMode===10@*/')()))
isIE = true;
else
isIE = false;
或者你可以使用：
if (Function('/*@cc_on return document.documentMode===10@*/')())
document.documentElement.className+=' ie';
// Then..
if($('html').hasClass('ie'))... // to check for IE10 and below.
其他答案侧重于专门检测 IE10，但我认为在一个地方显示完整的检测代码会有所帮助。
【讨论】：
那不只是测试html元素上的一个类吗？ @Torr3nt - 是的，如果检测到 IE10，它上面的代码会将ie 类添加到 html 元素。您可以像在第一个示例中那样轻松定义变量。
关于那个说明，你不能只使用条件来定位 IE 吗？ <!--[if IE]> <html class="ie"> <![endif]-->，还是IE10也不支持通用IE条件？
@Torr3nt - 不，IE10 不支持条件 cmets，因此您必须使用替代方法。
JS-if/else什么都不输出，你知道这里有什么问题吗？ （html cmets 替换为实际代码，不用担心） 【参考方案2】：
<!-- IE10 -->
<script>
if(navigator.userAgent.match(/MSIE 10/))
var headID = document.getElementsByTagName("head")[0];
var newLink = document.createElement('link');
newLink.rel = 'stylesheet';
newLink.type = 'text/css';
newLink.href = 'css/ie10.css';
headID.appendChild(newLink);
else
/* do something for other versions */
</script>
【讨论】：
以上是关于检测 <= IE10 的最佳方法的主要内容，如果未能解决你的问题，请参考以下文章