判断页面是pc端还是移动端！！详情

最新推荐文章于 2024-01-24 07:37:13 发布

_YkRonin

最新推荐文章于 2024-01-24 07:37:13 发布

阅读量513

点赞数

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/weixin_45114701/article/details/102785063

版权

Vue 专栏收录该内容

26 篇文章

订阅专栏

给自己看的

Vue项目创建.js文件！复制就行

export function browser () {
// 判断网页
var u = navigator.userAgent
var app = navigator.appVersion
return { // 移动终端浏览器版本信息
WeChat: u.match(/MicroMessenger/i) == ‘MicroMessenger’, // 微信
trident: u.indexOf(‘Trident’) > -1, // IE内核
presto: u.indexOf(‘Presto’) > -1, // opera内核
webKit: u.indexOf(‘AppleWebKit’) > -1, // 苹果、谷歌内核
gecko: u.indexOf(‘Gecko’) > -1 && u.indexOf(‘KHTML’) == -1, // 火狐内核
mobile: !!u.match(/AppleWebKit.Mobile./), // 是否为移动终端
ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), // ios终端
android: u.indexOf(‘Android’) > -1 || u.indexOf(‘Linux’) > -1, // android终端或uc浏览器
iPhone: u.indexOf(‘iPhone’) > -1, // 是否为iPhone或者QQHD浏览器
iPad: u.indexOf(‘iPad’) > -1, // 是否iPad
webApp: u.indexOf(‘Safari’) == -1 // 是否web应该程序，没有头部与底部
}
}