从微信浏览器跳转到手机浏览器（ios和android）

admin管理员组

文章数量:1545424

在微信中点击网址，跳转到微信浏览器，点击跳转到浏览器，fir页面下载安装APP。

点击按钮，右上角...打开，在浏览器打开。再点击按钮，然后跳转到fir.im去下载安装软件。

<button id="butt" onclick="openApp()"></button>

//获取微信浏览器版本
$(function() {
		getl();
	});


function getl() {
	if(is_weixin()) {
		$("#butt").attr('onclick', 'w()');
		}
	}

function w() {
		$('#mask').css('display', 'block');
		$('#masks').css('display', 'block');
		// alert("微信浏览器不能直接打开app,可以点击右上角用其他浏览器打开");
	}

function is_weixin() {
	var ua = navigator.userAgent.toLowerCase();
	if(ua.match(/MicroMessenger/i) == "micromessenger") {
	    return true;
	} else {
		return false;
	}
}

//点击按钮打开浏览器（判断ios和android）

function openApp() {
		var valuee = 'abc';
		var localUrl = "jwx://merchant:8888/from?type=web";
		var openIframe = createIframe();
		var u = navigator.userAgent;
		var isIos = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
		var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
		var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
		if(isIos) {
			if(isIOS9()) {
				//判断是否为ios9以上的版本,跟其他判断一样navigator.userAgent判断,ios会有带版本号
				/* localUrl=createScheme({type:1,id:"sdsdewe2122"},true);//代码还可以优化一下*/
				window.location.href = localUrl; //实际上不少产品会选择一开始将链接写入到用户需要点击的a标签里
				return;
			}
			//判断是否是ios,具体的判断函数自行百度
			window.location.href = localUrl;
			var loadDateTime = Date.now();
			setTimeout(function() {
				var timeOutDateTime = Date.now();
				if(timeOutDateTime - loadDateTime < 1000) {
					window.location.href = "http://itunes.apple/us/app/id1344651728";
				}
			}, 25);
		} else if(isAndroid) {
			//判断是否是android，具体的判断函数自行百度
			if(isChrome) {
				//chrome浏览器用iframe打不开得直接去打开，算一个坑
				window.location.href = localUrl;
			} else {
				//抛出你的scheme
				openIframe.src = localUrl;
			}
			setTimeout(function() {
				window.location.href = "http://fir.im/jwxmerchant"; /* http://t/RcxMVvL*/
			}, 500);
		} else {
			//主要是给winphone的用户准备的,实际都没测过，现在winphone不好找啊
			openIframe.src = localUrl;
			setTimeout(function() {
				//window.location.href = "你的下载地址";
			}, 500);
		}
	}
	//实际上就是新建一个iframe的生成器
	var createIframe = (function() {
		var iframe;
		return function() {
			if(iframe) {
				return iframe;
			} else {
				iframe = document.createElement('iframe');
				iframe.style.display = 'none';
				document.body.appendChild(iframe);
				return iframe;
			}
		}
	})()

	/*判断是否是ios9以上*/
	function isIOS9() {
		//获取固件版本
		var getOsv = function() {
			var reg = /OS ((\d+_?){2,3})\s/;
			if(navigator.userAgent.match(/iPad/i) || navigator.platform.match(/iPad/i) || navigator.userAgent.match(/iP(hone|od)/i) || navigator.platform.match(/iP(hone|od)/i)) {
				var osv = reg.exec(navigator.userAgent);
				if(osv.length > 0) {
					return osv[0].replace('OS', '').replace('os', '').replace(/\s+/g, '').replace(/_/g, '.');
				}
			}
			return '';
		};
		var osv = getOsv();
		var osvArr = osv.split('.');
		//初始化显示ios9引导
		if(osvArr && osvArr.length > 0) {
			if(parseInt(osvArr[0]) >= 9) {
				return true
			}
		}
		return false
	}

本文标签： 浏览器跳转到手机androidios