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

需求描述,就是做一个应用下载的落地页。
主要是静态页面(完全使用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的就不写了,需要的自己搞代码吧............

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,239评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,666评论 4 61
  • 闻得小津之名许久,多少次都无法开篇,少了一份平静的心。在一个午夜,终于下定决心看完了《东京物语》,久久不能释怀。亲...
    陆一凡太原阅读 4,793评论 0 0
  • “因为小时候就有一个梦想,想学一些魔法,只是一直没有寻到这个机会,自从樱落魔法学院开起来之后,我才知道这个梦想快要...
    蔷薇下的阳光阅读 2,555评论 0 1
  • 太好了,改变了心情就改变了世界,我能行,改变了态度就改变了命运,你有困难我来帮助你,改变了情感就改变了生活。
    昕栖息的小屋阅读 1,360评论 0 0

友情链接更多精彩内容