利用JS判断页面是在手机端打开还是PC端打开

要判断打开当前网页的客户端是移动手机还是PC,需要获取Navigator对象的userAgent属性值来加以判断。

首先来了解一下Navigator 对象,Navigator 对象包含一些有关浏览器的信息,userAgent是该对象的一个只读属性,声明了浏览器用于 HTTP 请求的用户代理头的值。所以我们可以通过判断navigator.useragent里面是否有某些值来判断当前的客户端是什么状态,比如我的电脑是mac,所以打印出来的值为

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36

关于userAgent里的所有信息的含义,可以参考userAgent详解

取到了userAgent,那如何判断页面是在移动端还是PC端打开的呢?

var isMobile = /Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)
if (isMobile) {
    // 当前网页在手机端打开
} else {
    // 当前网页在PC端打开
}

猜你喜欢

转载自blog.csdn.net/one_girl/article/details/79913427