很多時(shí)候會(huì)有這樣的需求,要求一個(gè)二維碼能同時(shí)給安卓和iOS下載,就有這樣的實(shí)現(xiàn)躲因,使用這個(gè)頁(yè)面的地址去生成二維碼棘伴,然后在這個(gè)頁(yè)面來(lái)判斷區(qū)分是安卓用戶還是iOS的用戶,再自動(dòng)進(jìn)行對(duì)應(yīng)的下載鏈接的跳轉(zhuǎn)
<pre><code class=''>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>二維碼下載</title>
<script type="text/javascript">
/*
* 智能機(jī)瀏覽器版本信息:
*
*/
var browser = {
versions: function() {
var u = navigator.userAgent, app = navigator.appVersion;
return {//移動(dòng)終端瀏覽器版本信息
trident: u.indexOf('Trident') > -1, //IE內(nèi)核
presto: u.indexOf('Presto') > -1, //opera內(nèi)核
webKit: u.indexOf('AppleWebKit') > -1, //蘋果摩骨、谷歌內(nèi)核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內(nèi)核
mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否為移動(dòng)終端
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或者QQHD瀏覽器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web應(yīng)該程序通贞,沒有頭部與底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
window.location="https://itunes.apple.com/cn/app/xxx";
}
else if (browser.versions.android) {
window.location="http://zhj8.aliapp.com/xxx.apk";
}
// document.writeln("語(yǔ)言版本: " + browser.language);
// document.writeln(" 是否為移動(dòng)終端: " + browser.versions.mobile);
// document.writeln(" ios終端: " + browser.versions.ios);
// document.writeln(" android終端: " + browser.versions.android);
// document.writeln(" 是否為iPhone: " + browser.versions.iPhone);
// document.writeln(" 是否iPad: " + browser.versions.iPad);
// document.writeln(navigator.userAgent);
</script>
</head>
<body>
</body>
</html>
</code></pre>
end