问题描述:需要在手机端实现唤起淘宝APP并跳转到优惠券链接的的功能,发现客户端IOS端使用的Mini浏览器无法唤起,后查看官网,官网是通过打开APPstore,如已安装点击打开即可。






代码部分:



    <style type="text/css">

        .zibling{

            width: 3rem;

            height: 1rem;

            border-radius: 0.5rem;

            background-color: rgba(12,58,244,0.8);

            line-height: 1rem;

            text-align: center;

            font-size: 0.36rem;

            margin: 0 auto;

            color: white;

            margin-top: 50vh;

            transform: translateY(-50%);

        }

    </style>



    <div class="zibling">点击唤起淘宝</div>






    // 判断是否为Mini浏览器

    var agent = navigator.userAgent.toLowerCase();

    var miniJudge=false;

    if (agent.indexOf('minibrowser')!=-1){

      miniJudge=true;

    }

    // alert(miniJudge);

    // 判断是否为Mini浏览器



   // 判断APP是否已经下载


   function testApp(url1,url2) {

   var timeout, t = 500, hasApp = true;

   setTimeout(function () {

       if (hasApp) {


       } else {

           // alert('未安装app');

           // console.log(document.hidden);

           // 监测界面是否已被隐藏,防止继续跳出下载

           if (!document.hidden) {

               window.location.href=url2;

           }

           console.log(window.location.href);

       }

       // document.body.removeChild(ifr);

   }, 1000)

   var t1 = Date.now();

   // window.close();

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

   ifr.setAttribute('src', url1);

   ifr.setAttribute('style', 'display:none');

   document.body.appendChild(ifr);

   timeout = setTimeout(function () {

        var t2 = Date.now();

        if (t2 - t1 < t + 100 ) {

            hasApp = false;

        }

   }, t);

   }

   // 判断APP是否已经下载





    $('.zibling').on('touchstart',function(){

        // alert(1);

        var url='https://uland.taobao.com/coupon/edetail?e=r%2Bc7%2Bp6X7ult3vqbdXnGlgdwe8yldZ1%2FatKe3tlS7bOiKvwb%2FGbcEDYUb1pCr7QMB2di0CtOxanS%2FCbiEhY%2Bu%2FW5l%2Fs%2BBmpS2IaVVct%2FH6dPoPuk0G3y41YpXfPt5Os7ruGyNTUNtss%2BBjs9lbw4240pggW0tMJT5%2F4W%2BJxr6Wc%3D&af=1&pid=mm_234410080_181600125_54306400473';

        var tb = url.replace("http://", "").replace("https://", "");

        testApp('taobao://'+tb,'taobao://'+tb);

        // 区分IOS和安卓

        var u = navigator.userAgent;

        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端

        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

        // 区分IOS和安卓

        if(miniJudge){

          window.location.href='https://itunes.apple.com/cn/app/%E6%B7%98%E5%AE%9D-%E7%A7%BB%E5%8A%A8%E8%B4%AD%E7%89%A9-%E7%94%9F%E6%B4%BB%E7%A4%BE%E5%8C%BA/id387682726?mt=8';

        }

    })

 


Created with the Personal Edition of HelpNDoc: Produce online help for Qt applications