美文网首页
JS 判断是否是微信浏览器,并判断客户端类型

JS 判断是否是微信浏览器,并判断客户端类型

作者: VictorLiang | 来源:发表于2017-03-19 16:28 被阅读5367次

    需求描述,就是做一个应用下载的落地页。
    主要是静态页面(完全使用flex布局,就跟RN差不多喽),就俩按钮“打开App”和“下载App”。
    如果是微信中打开连接,需要提示用户去浏览器打开,点击打开App时,如果未安装则下载App。

    • 通过JS判断当前是否是微信浏览器
    var isWeixin = function () { //判断是否是微信
        var ua = navigator.userAgent.toLowerCase();
        return ua.match(/MicroMessenger/i) == "micromessenger";
    };
    
    • 判断当前客户端是iOS还是Android
    if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //判断是否是iOS
    }
    if (navigator.userAgent.match(/android/i)) { //判断是否是Android
    }
    
    • 如果安装应用则打开应用,否则下载应用
      Android实现原理,优先尝试打开DeepLink链接,延迟跳转下载:
    if (navigator.userAgent.match(/android/i)) {
                    try {
                        window.location = schema;
                        setTimeout(function () {
                            window.location = androidDownUrl; //android下载地址
                        }, 500);
                    } catch (e) {
                    }
    }
    

    如果是iOS的话,9.0之前版本跟Android方法雷同,在9.0+建议支持UniversalLink....
    iOS的就不写了,需要的自己搞代码吧............

    相关文章

      网友评论

          本文标题:JS 判断是否是微信浏览器,并判断客户端类型

          本文链接:https://www.haomeiwen.com/subject/uszmnttx.html