單擊鏈接打開APP,或自動跳轉下載頁

手機等移動終端上的頁面中,訪問鏈接(使用APP的自定義協議)自動打開相應的APP,若未安裝該APP,則重定向至下載頁面或下載鏈接。

網上找的不夠完整,參考了下淘寶,立貼備忘。


<a href="javascript:;" id="opener" >打開客戶端</a>
<script type="text/javascript">
var timer, ifr;
document.getElementById('openApp').onclick = function(e){
// 通過iframe的方式試圖打開APP,如果能正常打開,會直接切換到APP,並自動阻止a標籤的默認行爲
ifr = document.createElement('iframe');
ifr.src = 'myapp://xxxx'; //APP定義的打開協議
ifr.style.display = 'none';
document.body.appendChild(ifr);

//1秒內未打開APP,則跳轉下載等。
timer = window.setTimeout(function(){
location.href = "http://下載鏈接/...";
}, 1000);
}

//摘自“淘寶”,打開APP後,自動移除下載跳轉
window.onblur = function(){
if(timer){
clearTimeout(timer);
timer = null;
}

if(ifr){
document.body.removeChild(ifr);
}
}
</script>


大部分代碼摘自http://blog.woodbunny.com/tb.php?sc=2aab02&id=140
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章