vue判断在安卓app、IOSapp、微信浏览器、安卓浏览器、IOS浏览器、PC浏览器下作不同处理

周不凢

已于 2023-07-20 15:44:18 修改

阅读量1.5k

点赞数 1

分类专栏： VUE H5+app app 文章标签： vue.js android 微信

于 2021-06-03 11:16:18 首次发布

本文链接：https://blog.csdn.net/qq_39047060/article/details/117514792

版权

VUE 同时被 3 个专栏收录

16 篇文章 2 订阅

订阅专栏

app

5 篇文章 0 订阅

订阅专栏

H5+app

4 篇文章 0 订阅

订阅专栏

var browser = {
					versions: function() {
						var u = navigator.userAgent,
							app = navigator.appVersion;
						return { //移动终端浏览器版本信息
							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应该程序，没有头部与底部
						};
					}(),
					language: (navigator.browserLanguage || navigator.language).toLowerCase()
				}
				if (browser.versions.mobile) { //判断是否是移动设备打开.
					var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
					if (window.plus) {//app内打开
						ImagePreview({images:self.filePath,closeable: true});
					} else if (ua.match(/MicroMessenger/i) == "micromessenger") { //在微信中打开
						ImagePreview({images:self.filePath,closeable: true});
					} else if (browser.versions.ios) { //安卓浏览器打开
						ImagePreview({images:self.filePath,closeable: true});
					} else { // (browser.versions.android)IOS浏览器打开
						ImagePreview({images:self.filePath,closeable: true});
					}
				} else { //否则就是PC浏览器打开
					ImagePreview({images:self.filePath,closeable: true});
				}