用户代理与浏览器检测-优快云博客

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>稻壳阅读器</title>
    <script type="text/javascript" src="${res!}/jquery/jquery-2.2.3.min.js"></script>
    <script>
        function getAgent(){
            var ua = navigator.userAgent.toLowerCase();
            $("#agent").val(ua);
            alert(ua)
        }
        function getBrowserModel(){
            var b = browserInfo();
            $("#bModel").val(b.browser)
        }
        function getBrowserVersion(){
            var b = browserInfo();
            $("#bVersion").val(b.version);
        }
        function getOSType(){
            var o = getOSInfo();
            $("#osType").val(o);
        }

        function getOSInfo(){
            if (navigator.platform.indexOf("Win") !== -1) return "Windows";
            if (navigator.platform.indexOf("Mac") !== -1) return "Mac";
            if (navigator.platform.indexOf("Linux") !== -1) return "Linux";
            if (navigator.userAgent.indexOf("iPhone") !== -1) return "iPhone/iPod";
            return "";
        }

        function browserInfo(){
            var rMsie = /(msie\s|trident\/7)([\w.]+)/;
            var rTrident = /(trident)\/([\w.]+)/;
            var rFirefox = /(firefox)\/([\w.]+)/;
            var rOpera = /(opera).+version\/([\w.]+)/;
            var rNewOpera = /(opr)\/(.+)/;
            var rEdge = /(edge)\/([\w.]+)/;
            var rChrome = /(chrome)\/([\w.]+)/;
            var rSafari = /version\/([\w.]+).*(safari)/;
            var ua = navigator.userAgent.toLowerCase();
            var matchBS, matchBS2;
            matchBS = rMsie.exec(ua);
            console.log(matchBS);
            if (matchBS != null) {
                matchBS2 = rTrident.exec(ua);
                if (matchBS2 != null) {
                    switch (matchBS2[2]) {
                        case "4.0":
                            return {
                                browser:
                                        "IE",
                                version: "8"
                            };
                        case "5.0":
                            return {
                                browser:
                                        "IE",
                                version: "9"
                            };
                        case "6.0":
                            return {
                                browser:
                                        "IE",
                                version: "10"
                            };
                        case "7.0":
                            return {
                                browser:
                                        "IE",
                                version: "11"
                            };
                        default:
                            return {
                                browser:
                                        "IE",
                                version: "Undefined"
                            };
                    }
                } else {
                    return {
                        browser: "IE",
                        version: matchBS[2] || "0"
                    };
                }
            }
            matchBS = rEdge.exec(ua);
            console.log(matchBS);
            if ((matchBS != null)) {
                return {
                    browser: matchBS[1] || "",
                    version: matchBS[2] || "0"
                };
            }
            matchBS = rFirefox.exec(ua);
            console.log(matchBS);
            if ((matchBS != null) && (!(window.attachEvent)) && (!(window.chrome)) && (!(window.opera))) {
                return {
                    browser: matchBS[1] || "",
                    version: matchBS[2] || "0"
                };
            }
            matchBS = rOpera.exec(ua);
            console.log(matchBS);
            if ((matchBS != null) && (!(window.attachEvent))) {
                return {
                    browser: matchBS[1] || "",
                    version: matchBS[2] || "0"
                };
            }
            matchBS = rChrome.exec(ua);
            console.log(matchBS);
            if ((matchBS != null) && ( !! (window.chrome)) && (!(window.attachEvent))) {
                matchBS2 = rNewOpera.exec(ua);
                if (matchBS2 == null) {
                    return {
                        browser: matchBS[1] || "",
                        version: matchBS[2] || "0"
                    };
                } else {
                    return {
                        browser: "Opera",
                        version: matchBS2[2] || "0"
                    };
                }
            }
            matchBS = rSafari.exec(ua);
            console.log(matchBS);
            if ((matchBS != null) && (!(window.attachEvent)) && (!(window.chrome)) && (!(window.opera))) {
                return {
                    browser: matchBS[2] || "",
                    version: matchBS[1] || "0"
                };
            }
        }
    </script>
</head>
<body class="layui-layout-body" style="background-color: #f2f2f2">
<div class="layui-row">
    <div class="layui-col-md12">
        <input style="width: 500px;" type="text" id="agent" value=""/>
        <button class="layui-btn" οnclick="getAgent()">获取Agent</button>
    </div>
</div>
<div class="layui-row">
    <div class="layui-col-md12">
        <input style="width: 500px;" type="text" id="bModel" value=""/>
        <button class="layui-btn" οnclick="getBrowserModel()">获取浏览器型号</button>
    </div>
</div>
<div class="layui-row">
    <div class="layui-col-md5">
        <input style="width: 500px;" type="text" id="bVersion" value=""/>
        <button class="layui-btn" οnclick="getBrowserVersion()">获取浏览器版本号</button>
    </div>
</div>
<div class="layui-row">
    <div class="layui-col-md5">
        <input style="width: 500px;" type="text" id="osType" value=""/>
        <button class="layui-btn" οnclick="getOSType()">获取操作系统类型</button>
    </div>
</div>
</body>
</html>
JS获取浏览器信息
