当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 如何判断页面是pc端还是移动端，进入不同的页面

如何判断页面是pc端还是移动端，进入不同的页面

2019年01月21日  | 移动技术网IT编程  | 我要评论

vue判断是pc端还是移动端分别进入不同的页面

判断移动端代码如下：

function ispc(){  
    var useragentinfo = navigator.useragent;
    var agents = new array("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; }  
        }  
            return flag;  
 }
    var routerflag = ispc();
    sessionstorage.setitem('flag',routerflag);

路由判断分别进入pc还是移动端

判断路由代码如下：

var flagrouter = json.parse(sessionstorage.getitem('flag'));
var routers = [];
if (!flagrouter) {
    routers = [
        {
            path: '/',
            redirect: '/ui/login'
        },
        {
            path: '/ui/login',
            name: 'mobilelogin',
            component: mobilelogin
        },
        {
            path: '/ui/index',
            name: 'mobileindex',
            component: mobileindex,
            meta: {
                requireauth: true  // 添加该字段，表示进入这个路由是需要登录的
            },
        }
    ]
} else {
    routers = [
        {
          path: '/',
          redirect: '/ui/login'
        },
        {
          path: '/ui/login',
          name: 'login',
          component: login
        },
        {
          path: '/ui/index',
          name: 'index',
          component: index,
          meta: {
            requireauth: true  // 添加该字段，表示进入这个路由是需要登录的
          },
          children: [
            {
              path: '/ui/totalfloor',
              name: 'totalfloor',
              component: totalfloor,
              meta: {
                requireauth: true  // 添加该字段，表示进入这个路由是需要登录的
              },
            },
            {
              path: '/ui/pointsfloor',
              name: 'pointsfloor',
              component: pointsfloor,
              meta: {
                requireauth: true  // 添加该字段，表示进入这个路由是需要登录的
              },
            },    
      ]
}

通过user-agent值，来进行判断，使用javascript框架中的navigator对象的useragent属性

还有些其他方法可以根据个人项目是改动，仅个人学习笔记，希望对大家也有所帮助

o(∩_∩)o

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网