JS判断是PC端还是WAP端

检测浏览器内核与设备类型

最新推荐文章于 2024-05-25 08:37:19 发布

转载最新推荐文章于 2024-05-25 08:37:19 发布 · 938 阅读

文章标签：

#js判断是PC端还是WAP端 #PC端 #WAP端 #navigator #version

JS 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript来检测用户浏览器内核及判断是否为移动设备的方法。通过解析User-Agent字符串, 可以识别不同的浏览器内核如IE (Trident)、Opera (Presto)、苹果和谷歌 (WebKit)、火狐 (Gecko)，同时还能判断设备类型, 包括iOS、Android等移动平台。

var browser = {
            versions: function() {
                var u = navigator.userAgent;
                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.*/) || !!u.match(/AppleWebKit/) && u.indexOf('QIHU') &&
                        u.indexOf('QIHU') > -1 && u.indexOf('Chrome') < 0, //是否为移动终端 
                    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 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
                    iPad: u.indexOf('iPad') > -1, //是否iPad 
                    webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部 
                }
            }(),
            language: (navigator.browserLanguage || navigator.language).toLowerCase()
        };
console.log("语言版本:" + browser.language, "是否为移动终端: " + browser.versions.mobile);