如何检测用户是否正在使用IE并通知他们该站点不支持IE?

时间:2013-09-28 17:13:36

标签: javascript html internet-explorer

我正在使用Zepto创建一个网站,因此它不支持任何Internet Explorer版本。

如何检测用户是否正在使用Internet Explorer并将其重定向到通知该网站不支持IE的页面?

我已阅读有关条件注释的内容,但Internet Explorer 10不支持这些注释。

感谢。

2 个答案:

答案 0 :(得分:0)

你永远不会知道,但一个简单的选择是查看用户代理(例如PHP)。

另请看这里:How to display browser specific HTML?

答案 1 :(得分:0)

像这样设置文档:

<!doctype html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->
<head>

对于IE10,请使用:

    if (Function('/*@cc_on return document.documentMode===10@*/')()
){    
document.documentElement.className+=' ie10'; 
}

然后,你对这些类的处理取决于你是想用css显示/隐藏div,还是使用javascript来重定向页面。

使用Javascript:

(function ($) {
    "use strict";

    // Detecting IE
    var IE;
    if ($('html').is('.ie6, .ie7, .ie8, .ie9, .ie10')) {
        IE = true;
    }

    if (IE) {
        // redirect
       window.location.replace('http://www.myotherpage.com');
    } 

}(jQuery));

或CSS:

.ie6 .myDivClassName,
.ie7 .myDivClassName,
.ie8 .myDivClassName,
.ie9 .myDivClassName,
.ie10 .myDivClassName {
  display: block; 
}

取决于你想要做什么。