html 浏览器检测脚本来自http://www.quirksmode.org/js/detect.html

Posted 2021-05-11

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";
        this.OSVersion = this.searchString(this.dataOSVersion) || "";
        this.architecture = this.searchString(this.dataArchitecture) || "32 bit";
    },
    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: "OPR",
            identity: "Opera",
            versionSearch: "OPR"
        },
        {
            string: navigator.userAgent,
            subString: "Vivaldi",
            identity: "Vivaldi"
        },
        {
            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: ".NET4",
            identity: "Microsoft Edge",
            versionSearch: "rv"
        },
        {
            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.userAgent,
            subString: "iPad",
            identity: "iPad"
        },
        {
            string: navigator.platform,
            subString: "Linux",
            identity: "Linux"
        },
        {
            string: navigator.platform,
            subString: "CrOS",
            identity: "ChromeOS"
        }
    ],
    dataOSVersion : [
        {
            string: navigator.userAgent,
            subString: "Windows NT 6.1",
            identity: "Windows 7"
        },
        {
            string: navigator.userAgent,
            subString: "Windows NT 5.1",
            identity: "Windows XP"
        },
        {
            string: navigator.userAgent,
            subString: "Windows NT 6.0",
            identity: "Windows Vista"
        },
        {
            string: navigator.userAgent,
            subString: "Windows NT 6.2",
            identity: "Windows 8"
        },
        {
            string: navigator.userAgent,
            subString: "Windows NT 6.3",
            identity: "Windows 8.1"
        },
        {
            string: navigator.userAgent,
            subString: "Windows NT 10.0",
            identity: "Windows 10"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10_12",
            identity: "MacOS Sierra"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10_11",
            identity: "OSX El Capitan"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10_10",
            identity: "OSX Yosemite"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10_9",
            identity: "OSX Mavericks"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10_8",
            identity: "OSX Mountain Lion"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10_7",
            identity: "OSX Lion"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10_6",
            identity: "OSX Snow Leopard"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10_5",
            identity: "OSX Leopard"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10_4",
            identity: "OSX Tiger"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10.12",
            identity: "MacOS Sierra"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10.11",
            identity: "OSX El Capitan"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10.10",
            identity: "OSX Yosemite"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10.9",
            identity: "OSX Mavericks"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10.8",
            identity: "OSX Mountain Lion"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10.7",
            identity: "OSX Lion"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10.6",
            identity: "OSX Snow Leopard"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10.5",
            identity: "OSX Leopard"
        },
        {
            string: navigator.userAgent,
            subString: "OS X 10.4",
            identity: "OSX Tiger"
        }
    ],
    dataArchitecture : [
        {
            string: navigator.userAgent,
            subString: "x86_64",
            identity: '64 bit'
        },
        {
            string: navigator.userAgent,
            subString: "x86-64",
            identity: '64 bit'
        },
        {
            string: navigator.userAgent,
            subString: "Win64",
            identity: '64 bit'
        },
        {
            string: navigator.userAgent,
            subString: "x64;",
            identity: '64 bit'
        },
        {
            string: navigator.userAgent,
            subString: "amd64",
            identity: '64 bit'
        },
        {
            string: navigator.userAgent,
            subString: "AMD64",
            identity: '64 bit'
        },
        {
            string: navigator.userAgent,
            subString: "WOW64",
            identity: '64 bit'
        },
        {
            string: navigator.userAgent,
            subString: "x64_64",
            identity: '64 bit'
        }
    ]
};
BrowserDetect.init();

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Which Browser?</title>
</head>
<body>
    <p>You are using <span id="browser"></span> <span id="version"></span> on <span id="os"></span></p>
    <script type="text/javascript" src="browserdetect.js"></script>
    <script type="text/javascript">
        document.getElementById("os").innerText = BrowserDetect.OS;
        document.getElementById("browser").innerText = BrowserDetect.browser;
        document.getElementById("version").innerText = BrowserDetect.version;
    </script>
</body>
</html>