利用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端打开
}
  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值