JS/JQuery判断是否移动设备+JS/JQuery判断浏览器类型

原文：https://blog.csdn.net/Little_Stars/article/details/48624669

 

JS代码如下（点击事件依赖JQuery）：

 //判断设备类型
    $("#aass").click(function() {
    var browser = {
        versions: function() {
            var u = navigator.userAgent,
            app = navigator.appVersion;
            return {
                mobile: !!u.match(/AppleWebKit.*Mobile.*/),
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
                android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1,
                iPhone: u.indexOf("iPhone") > -1,
                iPad: u.indexOf("iPad") > -1
            };
        } (),
        language: (navigator.browserLanguage || navigator.language).toLowerCase()
    };
    $("#aa2").append("userAgent 内容: <BR/>" + navigator.userAgent + "<BR/><BR/>");
    $("#aa2").append("是否为移动终端: " + browser.versions.mobile + "<BR/>");
    $("#aa2").append("是否 ios: " + browser.versions.ios + "<BR/>");
    $("#aa2").append("是否 android: " + browser.versions.android + "<BR/>");

    //判断 浏览器 类型
    var ex = navigator.userAgent,
    bUA;
    if (ex.indexOf("MSIE") >= 0) {
        bUA = "Internet Explorer 10  Or Earlier"; //IE
    } else if (ex.indexOf("Firefox") >= 0) {
        bUA = "Firefox";
    } else if (ex.indexOf("Chrome") >= 0) {
        bUA = "Chrome";
        if (ex.indexOf("360SE") >= 0) { //360安全浏览器
            bUA = "360SE";
        } else if (ex.indexOf("360EE") >= 0) { //360急速浏览器
            bUA = "360EE";
        } else if (ex.indexOf("SE") >= 0 && ex.indexOf("360SE") == -1) { //搜狗浏览器
            bUA = "SouGou";
        } else if (ex.indexOf("Maxthon") >= 0) { //遨游浏览器
            bUA = "Maxthon";
        }
    } else if (ex.indexOf("UCBrowser") >= 0 || ex.indexOf("UCWEB") >= 0) { // UC浏览器
        bUA = "UCBrowser";
    } else if (ex.indexOf("Opera") >= 0) {
        bUA = "Opera";
    } else if (ex.indexOf("Safari") >= 0) { // 苹果浏览器
        bUA = "Safari";
    } else if (ex.indexOf("Netscape") >= 0) {
        bUA = "Netscape";
    } else if (ex.indexOf("like Gecko") >= 0 && ex.indexOf("Trident") >= 0) {
        bUA = "Internet Explorer 11 Or Later"; //IE11 以后，不再用 MSIE
    } else {
        bUA = "Other Broswer";
    }

    $("#aa2").append("当前浏览器: " + bUA + "<BR/>");

});

 

HTML代码：

 

    <br>
    <input type="button"  value="浏览器版本信息" id="aass" /> 
    <br/><br/> 

    <div id="aa2"></div>
    <br><br>

 

结果示例：