Vue前端实现Android或iOS调用QQ客户端 发起临时会话

需求：页面点击时跳转QQ打开临时通话

一，申请客服QQ
1.打开QQ推广网址 链接: https://shang.qq.com/v3/widget.html.
2.点击推广工具，免费申请

3.
二，判断手机是Android或iOS
点击按钮时加入下面代码，根据不同型号打开不同地址

内联代码片

    //判断型号
    let ua = navigator.userAgent.toLowerCase();
    //Android终端
    let isAndroid = ua.indexOf("Android") > -1 || ua.indexOf("Adr") > -1;
    //iOS终端
    let isioS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
    if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
          //Ios (XXXXXXXX是上面申请的QQ客服号)
     window.location.href =
            "MQqwpa://im/chat?chat_type=wpa&uin=XXXXXXXXX&version=1&src_type=WEB&web_src=oicqzone.com";
     } else if (/(Android)/i.test(navigator.userAgent)) {
          //Android终端
     window.location.href =
            "Http://wpa.qq.com/msgrd?v=3&uin=XXXXXXXXX&site=qq&menu=yes";
    }

三，测试
（Android和iOS都可以使用）