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

2019-01-21 02:39:56来源：博客园阅读 ()

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  // 添加该字段，表示进入这个路由是需要登录的
              },
            },    
      ]
}