实现方式

页面控制

<div class="down-btn ios-btn" type='ios'></div>
<div class="down-btn and-btn" type='and'></div>

脚本控制

 // 是否是微信var isWx = navigator.userAgent.toLowerCase().indexOf('micromessenger') != -1;// 下载按钮 点击$(".down-btn").click(function(){var type = $(this).attr('type'); // 获取类型var ios_url = '应用在itunes上的地址';var and_url = '安卓apk下载地址';;var and_scheme = 'scheme://host/pathPrefix'; // 在应用约定的完整的 scheme // 微信显示if(isWx) {return $(".tips").show(); // 提示层展示 微信端提示使用浏览器下载} // web 处理 iosif(type === 'ios') {return window.location.href = ios_url;}// web 处理 andif(type === 'and') {window.location.href = and_scheme; // 尝试唤起t = Date.now(); // 设置当前时间// 唤起失败则打开下载页var timer = setTimeout(function() {clearTimeout(timer);// 1s 之后比较// 原理:唤起 app 会让浏览器的定时器变慢if (Date.now() - t < 1200) {window.location.href = and_url; // 直接下载 app}}, 1000);}});

参考链接

  • https://blog.csdn.net/m0_37678565/article/details/68491444
  • https://blog.csdn.net/m0_37263637/article/details/78043664
  • https://blog.csdn.net/gf771115/article/details/73177153
  • https://blog.csdn.net/m0_37700275/article/details/81386910

微信公众号检测本地App, 安装则打开,未安装则下载的实现方式相关推荐

  1. 微信公众号开发本地环境开发_如何在5分钟内使HTTPS在本地开发环境上工作

    微信公众号开发本地环境开发 Almost any website you visit today is protected by HTTPS. If yours isn't yet, it shoul ...

  2. 微信公众号开发本地调试【内网穿透】

    在做微信公众号开发的时候,必须接入外网已经备案的URL地址,不然本地没法进行调试,比较简单的方法可以做内网穿透,映射生成一个外网URL地址来进行回调测试. 这里推荐一个内网穿透工具--cpolar,可 ...

  3. 使用ngrok 二 -- 微信公众号笔记---本地调试微信接口

    前言:最近因为某些原因,要进行微信公众号开发,因此开始学习微信公众号开发的相关知识.本篇博文主要是介绍一下本人学习过程中如何进行"本地调试微信端口"? 一.准备资源: 自己的微信公 ...

  4. 微信公众号开发本地环境搭建

    我又来了,这次毕业设计要做微信公众号开发. 了解了一下,一般用PHP语言进行开发.在Windows 平台上一般采取Windows+Apache+MySQL+PHP. 配置起来比较麻烦,采取傻瓜式一键安 ...

  5. 微信公众号笔记---本地调试微信接口

    前言:最近因为某些原因,要进行微信公众号开发,因此开始学习微信公众号开发的相关知识.本篇博文主要是介绍一下本人学习过程中如何进行"本地调试微信端口"? 一.准备资源: 自己的微信公 ...

  6. 微信公众号退款,app微信退款,支付宝退款,浦发退款

    最近公司财务爸爸提需求,把三个支付退款api集成到公司系统里面去,由于之前api文档看的不够仔细,遇到很多坑,特此记录,分享给同样遇到坑的小伙伴: 商户能提供的是 appid 你的appid 也就是对 ...

  7. 微信公众号jssdk 分享/App原生应用接入分享开发及应用场景

    文章目录 前言 一.应用场景 二.Jssdk 接入准备工作 1.申请企业版微信公众号,并进行认证,并设置成为开发者 2.公众号配置 3.查看appid.设置密钥.并配置ip 白名单等 三.开发接入 1 ...

  8. 产品经理不再纸上谈兵——微信公众号PK原生App

    原生APP和微信的关系 课程目标 1.了解APP发展的整体趋势: 2.认识原生APP和微信公众号的关系: 3.掌握用微信公众号做产品的条件. 前言 最近一阶段H5技术被推到高峰,很多人认为借助H5就能 ...

  9. 微信公众号搭建本地测试环境

    原因: 1.由于公司的微信公众号已经在阿里云上运营,如果有任何bug不可能去停掉服务器去调试,这就需要在本地搭建测试环境了. 2.公众号开发涉及到微信的回调,所以你本地搭建的服务器需要外网能够访问,这 ...

最新文章

  1. LeetCode实战:快乐数
  2. 将decimal类型的数据转成2.12这样价钱的显示方式
  3. 检索数据_3_查询满足某个条件行
  4. BZOJ-2298|区间dp|线段树
  5. java 缓存分页_基于redis做缓存分页
  6. 众望所归!中国机器狗能【后空翻】了。。。
  7. 从零开始的全栈工程师——html篇1
  8. linux 进程通信 消息队列
  9. 早晨有好多学生在买早餐吃,这样好吗?家长不给孩子做饭吗?
  10. python汉化包放哪_python 汉化
  11. 基于UKey数字证书实现身份认证
  12. 百度文库如何申请个人认证?需要什么资质?
  13. localStorage本地持久化、基本使用以及对无痕/隐私模式判断的疑问
  14. UVa Problem 123 - Searching Quickly
  15. electron的单元测试(基于mocha+chai+karma)
  16. 牛顿下山法(C++版)
  17. [机器学习] 深入理解 目标函数,损失函数和代价函数
  18. 115.n阶方阵求逆
  19. IOS之plist文件
  20. zzulioj新生周赛(6) 2733: 键盘霸主hrs

热门文章

  1. Mybatis官方网站
  2. 关于微信小程序的基本介绍以及下载注意
  3. RSE2022/云检测:A hybrid generative adversarial network for weakly-supervised cloud detection 多光谱图像弱监督云检
  4. xp系统蓝屏代码7b_蓝屏代码7b怎么修复
  5. 包看包会的变量与数据类型
  6. rasp java tomcat_Java安全之JNI绕过RASP
  7. 玉蟾宫【洛谷P4147】
  8. 【算法】skiplist——调表,一种随机化的类平衡二叉树
  9. Excel表格公式大全
  10. 使用Google Analytics(分析)进行用户体验研究的5种方法