判断当前页面是否是手机端访问

手机端访问判断与跳转

最新推荐文章于 2023-02-07 10:27:06 发布

原创最新推荐文章于 2023-02-07 10:27:06 发布 · 948 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用Vue.js框架判断当前访问设备是否为手机的方法，并在确认为手机访问时实现页面跳转的技巧。通过分析navigator.userAgent属性，遍历包含多种手机标识的数组，进而决定是否进行页面跳转。

判断当前页面是否是手机端访问

vue-cli页面搭建的项目，判断当前设备是手机时跳转到另一个路径

   h5judge(){
        var userAgentInfo = navigator.userAgent;
        var Agents = ["Android", "iPhone",
          "SymbianOS", "Windows Phone",
          "iPad", "iPod"];
        var flag = true;
        for (var v = 0; v < Agents.length; v++) {
          if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
          }
        }
        if(!flag){
        // 跳转到手机的访问页面
          this.$router.push({path:'/h5sj'})
        }
    },