web页面打开本地App

我们在开发过程中,可能会遇到通过ji打开本地App应用,本人菜鸟,
 oooO ↘┏━┓ ↙ Oooo
 ( 踩)
  \ ( →┃√┃ ← ) /
  \_)↗┗━┛ ↖(_/ 了很多坑,
1.需要判断是否是微信浏览器,因为微信暂时不支持直接打开本地App,需要引导用户在浏览器上打开
$(window).on("load",function(){
    var winHeight = $(window).height();
    function is_weixin() {
        var ua = navigator.userAgent.toLowerCase();//判断浏览器类型
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
        } else {
            return false;
        }
    }
    var isWeixin = is_weixin();
    if(isWeixin){//如果是微信的的判断
        $(".weixin-tip").css("height",winHeight);
        $(".weixin-tip").show();
    }
})
2.在打开App的时候,有很多的坑,首先是在浏览器中打开,网上百度找了很多,不是这样的问题,就是那样的问题
 
   
//下载春桃医生端b
    var uas = navigator.userAgent.toLowerCase();
    var ts;
    var url=window.location.href;
    var configs = {
      /*scheme:必须*/
        scheme_IOS: “”,//打开ios这里需要向ios提供打开的链接
        scheme_Adr: “”,//打开安卓这里需要向安卓提供打开的链接

//        download_url: document.getElementById('download-app').value,//这里是如果没有则去下载的链接
        download_url:'',
        timeout: 600//延迟时间
    };
//    console.log(config.scheme_Adr);
    function doctorclient() {

        var startTime = Date.now();

        var ifr = document.createElement('iframe');

        ifr.src = uas.indexOf('os') > 0 ? configs.scheme_IOS : configs.scheme_Adr;
        ifr.style.display = 'none';
        document.body.appendChild(ifr);

        var t = setTimeout(function() {
            var endTime = Date.now();

            if (!startTime || endTime - startTime < configs.timeout + 200) {
//                window.location = configs.download_url; 下载链接 //这里是如果没有者跳转到下载链接
            } else {

            }
        }, configs.timeout);

        window.onblur = function() {
            clearTimeout(ts);
        }
    }
以上代码在我项目中提供,有错的,请各位大神指点

你可能感兴趣的:(web页面打开本地App)