js判断手机端还是电脑PC端(以及注意事项)

最新推荐文章于 2024-06-28 09:45:45 发布

媛媛不是缓缓

最新推荐文章于 2024-06-28 09:45:45 发布

阅读量845

点赞数

文章标签：用户代理设备检测重定向路由守卫浏览器跳转

本文链接：https://blog.csdn.net/csdn_823/article/details/121231916

版权

在router.index中声明方法,在导航守卫中调用并跳转
要注意跳转的网址必须加上 http 或https
1: 不加是不会打开外网的连接,会在你服务内找localhost:XX/XX,
2：加上的话，会变成正常的地址
3：location 获取的是浏览器地址栏内的地址。

function browserRedirect() {
  var sUserAgent = navigator.userAgent.toLowerCase();
  var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
  var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
  var bIsMidp = sUserAgent.match(/midp/i) == "midp";
  var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
  var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
  var bIsAndroid = sUserAgent.match(/android/i) == "android";
  var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
  var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
  if (
    bIsIpad ||
    bIsIphoneOs ||
    bIsMidp ||
    bIsUc7 ||
    bIsUc ||
    bIsAndroid ||
    bIsCE ||
    bIsWM
  ) {
    console.log("手机登录");
     window.location.href ="http://mobile.yuyihui.com.cn"
  } else {
    console.log("电脑登录,为您跳转去电脑端吧");
  }
}

// });
router.beforeEach((to, from, next) => {
  browserRedirect();
  next()
})

注：原网址

js判断手机端还是电脑PC端(以及注意事项) - 哼着老调调 - 博客园