Android/IOS 微信及浏览器（h5）中唤起本地APP，唤起浮层，然后用外部浏览器打开唤起某本地APP

1 前言

微信点击链接，点击唤起某APP，在微信点开，默认是微信浏览器，点击button唤起，则会先提示浮层，然后用外部浏览器打开即可。

作为记录使用。

2 代码

相关源码如下：

html:

<div class="container">
   <div class="main" >
     <div class="enterBtn" onclick="triggerStart()">
     </div>
    </div>
   <div class="openTip"  id="openTip">  </div>
</div>

Javascipt:　　

function IsIosAndroid(){

    if((/android/gi).test(navigator.appVersion)){
        return 1;
    }else if((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)){
        return 2;
    }
}

function openAndroid()
{
      //appAndroid://a.b.com是某APP唤起的方式	
      window.location.href ="appAndroid://a.b.com";
	
}

function openIos()
{     
        //appios 是某APP唤起的方式
	window.location.href = "appios://";
}

function is_weixn(){
    var ua = navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i)=="micromessenger") {
        return true;
    } else {
        return false;
    }
}


function triggerStart(){

    if(IsIosAndroid()==1){
        if(is_weixn())
        {
            document.getElementById("openTip").style.backgroundImage="url(../images/fuceng.png)";
            document.getElementById("openTip").style.display='block';
            return;
        }
        openAndroid();
    }else if(IsIosAndroid()==2){
        if(is_weixn())
        {
            document.getElementById("openTip").style.backgroundImage="url(../images/fuceng.png)";
            document.getElementById("openTip").style.display='block';
            return;
        }
        openIos();
    }
}

3 小结

IOS9之前的 唤起方式不太一样，本文的ios系统为IOS10+