博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信跳转浏览器来下载不同系统的app
阅读量:4321 次
发布时间:2019-06-06

本文共 1291 字,大约阅读时间需要 4 分钟。

  在微信里面,是不能通过应用宝以外的方式去直接下载app的,但是却可以通过跳转到浏览器去下载app,因此如果刚好各位公司有刚刚上线的app,来不及放到微信应用宝那里,可以试试这种办法。

  实现思路:

  1.在页面加载的时候去判断是否在微信浏览器里面,如果是就弹出模态框图片提示用户跳去浏览器下载

      var ua = navigator.userAgent.toLowerCase();//获取判断用的对象            if (ua.match(/MicroMessenger/i) == "micromessenger") {                // 弹出模态框提示用户                  document.getElementById('download-modal').style.visibility = "visible";            }

 

  效果图:

  

  图片参考:https://github.com/kujian/weixinTip?utm_source=caibaojian.com

  2.判断是否哪种系统(android,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终端             if(isAndroid == true){                // alert('Android!');                window.location = 'android.apk';            }            else {                if(isiOS == true){                    // alert('ios!');                    window.location = 'https://itunes.apple.com/';                }else{                    alert('请在手机端打开');                }            }

  

其实都是东拼西凑的代码...最后附上代码

        

 

转载于:https://www.cnblogs.com/s-b-b/p/5822819.html

你可能感兴趣的文章
Atitit.git的存储结构and 追踪
查看>>
atitit 读书与获取知识资料的attilax的总结.docx
查看>>
B站 React教程笔记day2(3)React-Redux
查看>>
找了一个api管理工具
查看>>
Part 2 - Fundamentals(4-10)
查看>>
使用Postmark测试后端存储性能
查看>>
NSTextView 文字链接的定制化
查看>>
第五天站立会议内容
查看>>
ATMEGA16 IOport相关汇总
查看>>
JAVA基础-多线程
查看>>
面试题5:字符串替换空格
查看>>
[Codevs] 线段树练习5
查看>>
Amazon
查看>>
component-based scene model
查看>>
Echart输出图形
查看>>
hMailServer搭建简单邮件系统
查看>>
从零开始学习jQuery
查看>>
Spring+SpringMVC+MyBatis深入学习及搭建(四)——MyBatis输入映射与输出映射
查看>>
opacity半透明兼容ie8。。。。ie8半透明
查看>>
CDOJ_24 八球胜负
查看>>