美文网首页
web判断终端设备类型

web判断终端设备类型

作者: Hi小胡 | 来源:发表于2018-01-24 13:45 被阅读13次

    代码:

    var browser = {
        versions: function() {
            var u = navigator.userAgent,
                app = navigator.appVersion;
            return {
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
            };
        }(),
        language: (navigator.browserLanguage || navigator.language).toLowerCase()
    }
    
    if(browser.versions.iPhone) {
        alert("苹果设备");
    }
    if (browser.versions.webKit) {
        alert("谷歌或safari浏览器");
    }
    if (browser.versions.mobile) {
        alert("移动端");
    }else{
        alert("PC端");
    };
    if(browser.versions.trident){
        alert("IE浏览器");
    }
    if (browser.versions.presto) {
        alert("欧朋浏览器");
    }
    if (browser.versions.gecko) {
        alert("火狐浏览器");
    }
    

    相关文章

      网友评论

          本文标题:web判断终端设备类型

          本文链接:https://www.haomeiwen.com/subject/qphuaxtx.html