判断当前设备是移动端还是pc端

一、使用UA判断

UA(UserAgent)是指HTTP请求头中的一部分,用于标识客户端的一些信息,比如用户的设备类型、浏览器型号等等。因此,我们可以通过判断UA中的关键字来确定页面访问者的设备类型。下面是实现的代码:

const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
 
if (isMobile) {
  console.log('当前在手机端');
} else {
  console.log('当前在PC端');
}

代码解析:

首先,我们使用正则表达式匹配navigator.userAgent中是否包含iPhone、iPad、iPod、Android这些关键字,如果匹配成功,则说明当前是在移动端。如果匹配失败,则说明当前是在PC端。

需要注意的是,该方法并不100%准确,因为用户可以使用PC浏览器模拟手机UA,也有可能使用移动端浏览器访问PC网站(目前pc端测试模拟手机ua,一样显示手机端,是准确的)。

二、使用示例

使用背景:
目前后台配置已最佳比例显示,pc和移动端都受影响,现在就是需要是移动端才调api,pc端的话不动。

async function test5() {
    const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);

    if (isMobile) {
      alert('当前在手机端');
      test4();
    } else {
      alert('当前在PC端');
    }

    // await jssdk.ready();
    //
    // const app = jssdk.Application;
    //
    // // 获取窗口缩放比例
    // const result = await app.ActiveDocument.ActiveWindow.View.Zoom.Percentage;
    // console.log(result); // 100
    // alert(result);
    //
    // // 设置窗口缩放比例
    // setTimeout(() => {
    //   app.ActiveDocument.ActiveWindow.View.Zoom.Percentage = 40;
    // }, 3000);
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

bst@微胖子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值