html5寫連結開啟ios和android本地應用

標籤：html5   ios   android   

1、在html中設定連結

<a id="open-app" href="[scheme]://[host]/[path]?[query]">開啟應用</a>

href=”[scheme]://[host]/[path]?[query]”
scheme可以自己在app內部設定成任意的，把android和ios的設定成一樣的
2、若本地應用存在，直接開啟app；若不存在，計時一段時間跳到appstore
需要判斷ios還是android平台下的瀏覽器，需要判斷瀏覽器

var openApp = function () {    var btnOpenApp = document.getElementById("open-app");    btnOpenApp.onclick = function () {        //開啟本地應用函數        var open=function(url){            var timeout;                     function try_to_open_app() {                    timeout = setTimeout(function(){                    window.location.href="url";                    console.log("22")                       }, 10);                }                try_to_open_app();        }        if (/android/i.test(navigator.userAgent)) {            //alert("This is Android‘browser.");//這是Android平台下瀏覽器            if (/MicroMessenger/i.test(navigator.userAgent)) {                alert("This is MicroMessenger browser,請使用本地瀏覽器開啟");//這是平台下瀏覽器            }            else {                open(andorid應用市場url);            }        }        if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {            //alert("This is iOS‘browser.");//這是iOS平台下瀏覽器            if (/MicroMessenger/i.test(navigator.userAgent)) {                alert("內建瀏覽器不支援開啟本地應用,請點擊右上方使用本地瀏覽器開啟");//這是平台下瀏覽器            }            else {                open(ios應用市場url);            }        }    };}

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

html5寫連結開啟ios和android本地應用