判断访问设备为手机端还是PC端的方法及应用

方法:

if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
  console.log('手机端')
} else {
  console.log('pc端')
}

应用一:vue中可以在router.js(路由)中判断访问的是手机还是pc,通过判断加载不同的组建实现同一个地址可以按条件加载不同类型的组建

var room = ''
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
  room = 'user/courses/m_room.vue'//手机端的组件
} else {
  room = 'user/courses/room.vue'//pc端的组件
}

//路径对应的组建
{
   path: '/teams/:TeamId/courses/:roomID',
   name: 'courses-room',
   meta: {
     title: '正在进入房间...',
     auth: true
   },
   props: true,
   component: _import(room)//导入组件
 },
 

你可能感兴趣的:(前端学习)