判断终端类型、微信的文章防盗链、h5页面跳转打开新的app、跳转到app市场

时间:2023-02-21 15:16:27

判断终端的类型、安卓、ios、微信、qq

function  GetMobelType()  {                
	var  browser  =   {                    
		versions:   function()  {                        
			var  u  =  window.navigator.userAgent;                        
			return  {                            
				trident:  u.indexOf('Trident')  >  -1, //IE内核
				presto:  u.indexOf('Presto')  >  -1, //opera内核
				Alipay:  u.indexOf('Alipay')  >  -1, //支付宝
				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  ||  u.indexOf('Mac')  >  -1, //是否为iPhone或者安卓QQ浏览器
				//iPhone: u.match(/iphone|ipod|ipad/),//
				iPad:  u.indexOf('iPad')  >  -1, //是否为iPad
				webApp:  u.indexOf('Safari')  ==  -1, //是否为web应用程序,没有头部与底部
				weixin:  u.indexOf('MicroMessenger')  >  -1, //是否为微信浏览器
				qq: u.match(/\sQQ/i) == " qq", //是否QQ
				Safari:  u.indexOf('Safari')  >  -1,
				  ///Safari浏览器,

				                        
			};                    
		}()                
	};                
	return  browser.versions;            
}

  截取浏览器地址拼接参数

//截取地址
function GetRequest(name) {
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
	var r = window.location.search.substr(1).match(reg);
	if(r != null) {
		return unescape(r[2]);
	} else {
		return null;
	}

}

  跳转到app市场,以微信的为例

//跳转到app市场
					var appstore, ua = navigator.userAgent;
					if(ua.match(/Android/i)) {
						appstore = 'market://search?q=com.singtel.travelbuddy.android';
					}
					if(ua.match(/iphone|ipod|ipad/)) {
						appstore = "https://itunes.apple.com/cn/app/wei-xin/id414478124?mt=8&ign-mpt=uo%3D4";
					}
					function applink(fail) {
						return function() {
							var clickedAt = +new Date;
							setTimeout(function() {
								// To avoid failing on return to MobileSafari, ensure freshness! 
								if(+new Date - clickedAt < 2000) {
									window.location = fail;
								}
							}, 500);
						};
					}
					$('.footer')[0].onclick = applink(appstore);
//

  在h5页面跳转打开新的app,进行判断(目前还有点小问题,如果有app会打开,再回来这个界面会展示下载的界面)

function jump(myurl) {	与上面判断ios的方法结合
	if(GetMobelType.weixin) {
		alert("是微信啊");// 水土不服就服微信  微信比较牛 第三方app必须在应用宝发布,且开通‘微下载’服务
	} else {
		if(GetMobelType.android) {
			var ifr = document.createElement('iframe');
			ifr.src = myurl;
			ifr.style.display = 'none';
			document.body.appendChild(ifr);
			//window.location.href = "你要打开的app协议,安卓提供";
			window.setTimeout(function() {
				document.body.removeChild(ifr);
				window.location.href = "下载app的地址";
			}, 3000);
		}
		if(GetMobelType.ios || GetMobelType.iPhone || GetMobelType.iPad) {
			alert(222);
			var ifr = document.createElement("iframe");
			ifr.src = "打开app的协议"; /***打开app的协议,有ios同事提供***/
			ifr.style.display = "none";
			document.body.appendChild(ifr);
			window.setTimeout(function() {
				document.body.removeChild(ifr);
			     window.location.href = "下载地址";
				/***下载app的地址***/
			}, 2000)
		};
	}
}

  处理iframe引入微信的文章防盗链的问题 (这个在微信浏览器打开的时候,会有卡死的现象)

	$.ajaxPrefilter(function(options) {
		if (options.crossDomain && jQuery.support.cors) {
			var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
				options.url = http + '//cors-anywhere.herokuapp.com/' + options.url;
		  }
		});
		var share_link = that.list.outsideUrl;
		console.log(share_link)
		//微信文章地址
		$.get(
			share_link,
			function(response) {
				//    console.log("> ", response); 
				var html = response;
				html = html.replace(/data-src/g, "src");
				var html_src = 'data:text/html;charset=utf-8,' + html;
				that.list.outsideUrl = html_src;
		});