javascript - 用于互联网探索的浏览器检测

标签 javascript html cross-browser

我有这个 javascript 来检测浏览器,但它在 IE9 中不起作用。我找到了几个例子,但无法使其与我的代码一起工作。有人可以建议我,以便它可以根据需要在所有浏览器中运行。

<!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>

Javascript

var BrowserDetect = {
    init: function () {
            this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
            this.version = this.searchVersion(navigator.userAgent)
                    || this.searchVersion(navigator.appVersion)
                    || "an unknown version";
            this.OS = this.searchString(this.dataOS) || "an unknown OS";
    },
    searchString: function (data) {
            for (var i=0;i<data.length;i++) {
                    var dataString = data[i].string;
                    var dataProp = data[i].prop;
                    this.versionSearchString = data[i].versionSearch || data[i].identity;
                    if (dataString) {
                            if (dataString.indexOf(data[i].subString) != -1)
                                    return data[i].identity;
                    }
                    else if (dataProp)
                            return data[i].identity;
            }
    },
    searchVersion: function (dataString) {
            var index = dataString.indexOf(this.versionSearchString);
            if (index == -1) return;
            return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
    },
    dataBrowser: [
            {
                    string: navigator.userAgent,
                    subString: "Chrome",
                    identity: "Chrome"
            },
            {       string: navigator.userAgent,
                    subString: "OmniWeb",
                    versionSearch: "OmniWeb/",
                    identity: "OmniWeb"
            },
            {
                    string: navigator.vendor,
                    subString: "Apple",
                    identity: "Safari",
                    versionSearch: "Version"
            },
            {
                    prop: window.opera,
                    identity: "Opera",
                    versionSearch: "Version"
            },
            {
                    string: navigator.vendor,
                    subString: "iCab",
                    identity: "iCab"
            },
            {
                    string: navigator.vendor,
                    subString: "KDE",
                    identity: "Konqueror"
            },
            {
                    string: navigator.userAgent,
                    subString: "Firefox",
                    identity: "Firefox"
            },
            {
                    string: navigator.vendor,
                    subString: "Camino",
                    identity: "Camino"
            },
            {               // for newer Netscapes (6+)
                    string: navigator.userAgent,
                    subString: "Netscape",
                    identity: "Netscape"
            },
            {
                    string: navigator.userAgent,
                    subString: "MSIE",
                    identity: "Explorer",
                    versionSearch: "MSIE"
            },
            {
                    string: navigator.userAgent,
                    subString: "Gecko",
                    identity: "Mozilla",
                    versionSearch: "rv"
            },
            {               // for older Netscapes (4-)
                    string: navigator.userAgent,
                    subString: "Mozilla",
                    identity: "Netscape",
                    versionSearch: "Mozilla"
            }
    ],
    dataOS : [
            {
                    string: navigator.platform,
                    subString: "Win",
                    identity: "Windows"
            },
            {
                    string: navigator.platform,
                    subString: "Mac",
                    identity: "Mac"
            },
            {
                       string: navigator.userAgent,
                       subString: "iPhone",
                       identity: "iPhone/iPod"
        },
            {
                    string: navigator.platform,
                    subString: "Linux",
                    identity: "Linux"
            }
    ]

}; BrowserDetect.init();

最佳答案

公平地说,使用“userAgent”字符串并不是一个好方法。最好检查浏览器是否支持功能,然后实现(或不实现)浏览器支持的网站特定功能。

一些可以帮助您的网站是http://diveintohtml5.info/detect.htmlhttp://modernizr.com/

关于javascript - 用于互联网探索的浏览器检测,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17411136/

相关文章:

javascript - 将随机选择的值显示到类内的段落标签

javascript - 定义的 CSS 类可以在 Javascript 文件中引用吗?

javascript - 在 Angular 中基于多个参数过滤数据

javascript - Bootstrap 模式关闭时滚动停止工作

prototypejs - 在 JavaScript 中创建另一个对象的实例

javascript - jQuery 如何在类处于事件状态时获取数据值?

JQuery .submit 方法在 Firefox 中不起作用

javascript - 如何使用 Knex.js 和 Bookshelf.js (Express JS/Postgres) 插入一对多

javascript - 给定一个 dom 元素,我如何在 jquery 和/或 JavaScript 中将其展平?

javascript - 跨浏览器窗口大小调整事件 - JavaScript/jQuery