一個二維碼掃碼下載兩種平臺app
阿新 • • 發佈:2019-02-10
<!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta name="format-detection" content="telephone=no" /> <meta name="msapplication-tap-highlight" content="no" /> <meta name="viewport" content="user-scalable=no,minimum-scale=1,maximum-scale=1 width=device-width"/> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-touch-fullscreen" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="description" content=""> <meta name="author" content=""> <title>手機APP下載</title> <script src="js/jquery.js"></script> </head> <body> <center> <h2 id="tips">頁面跳轉中,請稍後……</h2> </center> <script type="text/javascript"> var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移動終端瀏覽器版本資訊 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 }; }() } if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) { window.location.href = "ios app下載地址"; } else{ var tips = '請點選右上角的<span style="color:red">在瀏覽器中開啟</span>進行下載。'; var h1 = document.getElementById("tips"); h1.innerHTML = tips; window.location.href = "android app下載地址"; } </script> </body> </html>
功能簡介:
ios和android 兩個平臺的app,通過一個二維碼掃碼後自動識別客戶端是什麼手機,蘋果手機則跳轉到蘋果app的下載連結,安卓手機則跳轉到安卓app的下載地址。