标签：兼容性

浏览器版本判断

  • JS判断
<!DOCTYPE html>
<html>
<head>
    <meta charset=" utf-8">
    <title>判断浏览器版本,解决兼容问题</title>
    <script type="text/javascript">
        var userAgent = navigator.userAgent,
            rMsie = /(msie\s|trident.*rv:)([\w.]+)/,
            rFirefox = /(firefox)\/([\w.]+)/,
            rOpera = /(opera).+version\/([\w.]+)/,
            rChrome = /(chrome)\/([\w.]+)/,
            rSafari = /version\/([\w.]+).*(safari)/;
        var browser;
        var version;
        var ua = userAgent.toLowerCase();
        function uaMatch(ua){
//            alert(11);
            var match = rMsie.exec(ua);
            if(match != null){
                return { browser : "IE", version : match[2] || "0" };
            }
             match = rFirefox.exec(ua);
            if (match != null) {
                return { browser : match[1] || "", version : match[2] || "0" };
            }
             match = rOpera.exec(ua);
            if (match != null) {
                return { browser : match[1] || "", version : match[2] || "0" };
            }
             match = rChrome.exec(ua);
            if (match != null) {
                return { browser : match[1] || "", version : match[2] || "0" };
            }
             match = rSafari.exec(ua);
            if (match != null) {
                return { browser : match[2] || "", version : match[1] || "0" };
            }
            if (match != null) {
                return { browser : "", version : "0" };
            }
        }
        var browserMatch = uaMatch(ua);
        if (browserMatch.browser){
            browser = browserMatch.browser;
            version = browserMatch.version;
        }
        document.write(browser+version);
    </script>
</head>
<body>

</body>
</html>
  • IF条件判断
<!DOCTYPE html>
<html>
<head>
    <meta charset=" utf-8">
    <title>判断浏览器版本,解决兼容问题</title>
</head>
<body>
<!--[if IE]>只有IE6,7,8,9浏览器显示(IE10标准模式不支持)<hr/><![endif]-->

<!--[if !IE]><!-->只有非IE浏览器显示(不包括IE10、IE11)<hr/><!--><![endif]-->

<!--[if IE 9]>IE9浏览器显示<hr/><![endif]-->

<!--[if IE 8]>IE8浏览器显示<hr/><![endif]-->

<!--[if IE 7]>IE7浏览器显示<hr/><![endif]-->

<!--[if IE 6]>IE6浏览器显示<hr/><![endif]-->

<!--[if lt IE 10]>IE10以下版本浏览器显示(不包括IE10)<hr/><![endif]-->

<!--[if lte IE 9]>IE9及IE9以下版本浏览器显示(包括IE9)<hr/><![endif]-->

<!--[if gt IE 6]>IE6以上版本浏览器显示(不含IE6)<hr/><![endif]-->

<!--[if gte IE 7]>IE7及IE7以上版本浏览器显示(包含IE7)<hr/><![endif]-->
</body>
</html>
  • IE浏览器判断
<script type="text/javascript">
    // 用于 IE 的代码：
    //if (window.ActiveXObject)  //此方法判断ie11时会返回false
    if ("ActiveXObject" in window)//故 改成这个判断
    {
        alert('ie');
    }
    // 用于 Mozilla, Firefox, Opera, 等浏览器的代码：
    else
    {
        alert('!ie');
    }
</script>