如何检测用户是否正在使用移动设备访问网站

136 阅读1分钟

1、在 mounted 生命周期中通过正则实现

mounted() {
    // 正则匹配当前访问网站的设备是否为移动设备
    const isMobile =
      /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
        navigator.userAgent
      );
    if (isMobile) {
      console.log("**当前在移动端**");
      location.href = "Your jump address";
    }
  },

2、这个正则表达式中的每个部分都代表了一类移动设备或移动浏览器:

Android:代表Android操作系统,广泛用于智能手机和平板电脑。

webOS:曾是Palm公司开发的操作系统,用于智能手机和平板电脑,但现已不再广泛使用。

iPhone:代表Apple的iPhone智能手机。

iPad:代表Apple的iPad平板电脑。

iPod:代表Apple的iPod Touch设备,它类似于没有电话功能的iPhone。

BlackBerry:代表BlackBerry智能手机,曾经非常流行,但现在市场份额已大幅下降。

IEMobile:代表Internet Explorer的移动版本,主要用于Windows Mobile和Windows Phone设备。

Opera Mini:是Opera浏览器的移动版本,设计用于在数据使用受限的设备上提供快速的网络浏览体验。