html5跳app下載
阿新 • • 發佈：2018-12-26
方法一
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a class="dowload" href="itms-services://?action=download-manifest&url=https://***.******.com/ios/manifest.plist">點選下載</a> </body> </html>
方法二
<div id="btn">
<a onclick="submitFn ><button>開啟app</button></a>
</div>
function submitFn(){ //判斷瀏覽器 var u = navigator.userAgent; if(/MicroMessenger/gi.test(u) { // 引導使用者在瀏覽器中開啟 alert('請在瀏覽器中開啟'); return; } var d = new Date(); var t0 = d.getTime(); if(u.indexOf('Android') > -1 || u.indexOf('Linux') > -1){ //Android if(openApp('en://startapp')){ openApp('en://startapp'); }else{ //由於開啟需要1～2秒，利用這個時間差來處理－－開啟app後，返回h5頁面會出現頁面變成app下載頁面，影響使用者體驗 var delay = setInterval(function(){ var d = new Date(); var t1 = d.getTime(); if( t1-t0<3000 && t1-t0>2000){ alert('請下載APP'); window.location.href = "app下載地址"; } if(t1-t0>=3000){ clearInterval(delay); } },1000); } }else if(u.indexOf('iPhone') > -1){ //IOS if(openApp('ios--scheme')){ openApp('ios--scheme'); }else{ var delay = setInterval(function(){ var d = new Date(); var t1 = d.getTime(); if( t1-t0<3000 && t1-t0>2000){ alert('請下載APP'); window.location.href = "app下載地址"; } if(t1-t0>=3000){ clearInterval(delay); } },1000); } } } function openApp(src) { // 通過iframe的方式試圖開啟APP，如果能正常開啟，會直接切換到APP，並自動阻止a標籤的預設行為 // 否則開啟a標籤的href連結 var ifr = document.createElement('iframe'); ifr.src = src; ifr.style.display = 'none'; document.body.appendChild(ifr); window.setTimeout(function(){ document.body.removeChild(ifr); },2000); }