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+