天天看點

vue判斷在安卓app、IOSapp、微信浏覽器、安卓浏覽器、IOS浏覽器、PC浏覽器下作不同處理

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});
				}
           

繼續閱讀