如何判断页面是pc端还是移动端，进入不同的页面
2024-04-05 06:43:38
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
最新文章
- 读书笔记--SQL必知必会02--检索数据
- Oracle创建表空间、创建用户以及授权
- Eclipse Building Workspace 解决办法
- MVC SSO登陆 的麻烦事~
- python-flask 框架使用 flask_mongoengine
- 过滤器-->GZIP压缩
- 微课程--Android--Android概述
- expdp impdp中 exclude/include 的使用
- php curl应该怎么使用呢
- 关于MessageBox的用法
- 统一横轴墨卡托投影（UTM）
- Redis字符串类型相关操作命令
- Allegro PCB -内层分割，比如电源层需要分割几种电源
- Python第八天——Json
- Optimize For Ad Hoc Workloads
- bzoj:3398 [Usaco2009 Feb]Bullcow 牡牛和牝牛
- Android自定义View（LineBreakLayout－自动换行的标签容器）
- java基础- Collection和map
- java调用webservice，restful
- 第一节 Python基础之数据类型(整型，布尔值，字符串)