首先判断是在微信中,还是在浏览器中,如果在浏览器中,直接使用scheme url进行跳转,如果有app就直接进入app并通过页面隐藏事件监听,取消到下载页的跳转,没有唤醒则说明无app,到下载页。

在微信中时,如果是ios,用universal Link进行指定页跳转,无app时会解析为普通路径,故此路径可放置下载页,有app时会直接唤醒app并到达指定页。而android时若要到达指定页,要么用遮罩引导用户在浏览器打开,要么达到应用宝中deeplink的条件。我的项目中主要目的是进入app,所以直接放置了应用宝的地址,放弃了到达指定页。

toDownload() {

if (this.$api.isWx) {

if (this.$api.subTag == "wxIOS") {

let url =

"https://xxx.xxx.com/applink/?url=https://xxx.xxx.com" +

this.$route.fullPath;

location.href = url;

} else {

window.location.href =

"https://a.app.qq.com/dom/micro/open.jsp?pkgname=com.xxx.xxx&android_scheme=xxxx://spa/welcome?url=https://xxx.xxx.com" +

this.$route.fullPath;

}

} else {

let url =

"xxx://spa/welcome?url=https://xxx.xxx.com" +

this.$route.fullPath;

location.href = url;

//延迟执行 如果1s没响应,就表示你手机中没有该app。就可以去下载了

var timer = setTimeout(() => {

location.href = "https://xxx.xxx.com/download"; //ios下载地址

}, 1000);

document.addEventListener(

"visibilitychange webkitvisibilitychange",

function() {

var tag = document.hidden || document.webkitHidden;

tag ? clearTimeout(timer) : "";

}

);

window.onpagehide = function() {

clearTimeout(timer);

};

}

},

微信浏览器中唤醒APP到指定页相关推荐

  1. ios下微信浏览器如何唤醒app?app已上架应用宝

    android下可以通过在应用宝微下载地址后面加参数&android_schema='应用schema'来实现,ios下如何实现? ios下微信浏览器如何唤醒app?app已上架应用宝 > ...

  2. 用NiceTool在微信浏览器中下载APP

    通过扫描二维码下载APP已成为一个大家惯用且非常方便的下载方式了,微信也成为扫描二维码重要的工具,对于用户来说,说到扫一扫大家第一反应就是打开微信,这是用户习惯问题.很多商家也是熟知这一点,所以纷纷选 ...

  3. 在线制作微信跳转浏览器下载app/打开指定页面源码

    微信自动跳转外部浏览器下载app/打开指定页面源码 源码说明: 适用安卓和苹果系统,支持任何网页链接.并且无论链接是否已经被微信拦截,均可实现微信内自动跳转浏览器打开. 生成的跳转链接具有极佳的防拦截 ...

  4. 从浏览器或者Webview 中唤醒APP

    本文来自网易云社区 作者:刘新奇 移动互联时代,很多互联网服务都会同时具备网站以及移动客户端,很多人认为APP的能帮助建立更稳固的用户关系,于是经常会接到各种从浏览器.webview中唤醒APP的需求 ...

  5. 如何在微信里一键唤醒app

    由于微信已经占据了大家大部分时间,作为推广app来说是再好不过,用户如果成功打开了app已经算成功的第一步,如何吸引用户是内容的问题,但是当你想让用户在app内进行更多的操作的时候,怎么先让用户在微信 ...

  6. 微信浏览器中进行支付宝支付

    B端项目使用的是支付宝手机网页支付,微信浏览器中屏蔽了支付宝的功能.上有政策下有对策,支付宝也有应对的办法,下来就来说一说支付宝手机网站支付. 第一步:开发准备工作 登录支付宝平台(需要实名认证的支付 ...

  7. html 链接到 appstore,如何在微信浏览器内打开App Store链接

    微信浏览器是不支持打开 App Store 页面的,不知道微信为什么这么做. 比如你页面写 download ,在微信浏览器点击是没有反应的,但是如果是其他的链接地址,如百度就没有问题. 但是,如果在 ...

  8. 支付宝网站支付在微信浏览器中跳转问题(亲测,附源码)

    文章目录 前言 具体步骤 配置沙箱回调地址,修改代码支付宝网关 准备加密js以及跳转html 源码下载地址 前言 奉上整理好的测试url: 点我调用支付宝 之前的博客中提到了使用支付宝提供的sdk实现 ...

  9. 微信浏览器中,aler弹框不显示域名

    开发微信页面过程中,出于安全与美观等原因,我们需要重写页面的alert,confirm方法: //微信浏览器中,aler弹框不显示域名(function(){//先判断是否为微信浏览器var ua = ...

最新文章

  1. MyEclipse2014配置Tomcat开发JavaWeb程序JSP以及Servlet
  2. 使用ListView应该注意的地方 很全
  3. shell 脚本 进行sqlite3初始化
  4. BERT Word Embeddings Tutorial
  5. yolo配置文件以及训练时各参数的定义
  6. ❤️时间管理大师!我是如何规划自己的时间的?充分利用每一分一秒!❤️
  7. hive -e ,hive -f 用法
  8. luks:Linux Unified Key Setup 持久加密USB
  9. 接口测试时,输入所有参数的参数值后,接口返回“参数错误:所有参数都不能为空”
  10. python语言的模块化
  11. 宣布下,一个小的里程碑!
  12. python 伪原创 中文近义词工具包【转】
  13. iTunes 12.7降级
  14. 什么是 MySQL 索引?
  15. 2020年度中国雇主榜发布;全球发布商用5G移动宽带网络数量已达109个 | 美通企业日报...
  16. 大数据的本质和核心是什么
  17. python 拼多多抢券_拼多多满减优惠 AC代码 python
  18. 科目二练习与考试点位总结
  19. NS版暗黑破坏神3金手指开发教程(6)
  20. 众成计算机怎么设置音乐,电脑怎么设置默认音乐播放器

热门文章

  1. ubuntu更新apt-get源
  2. ubuntu 18.04更换为国内更新源
  3. 视频监控 | XDFS电信全球眼云存储扩容项目
  4. backtrack5更新命令点点滴滴
  5. SQL注入-不再显示的盲注
  6. “请帮助另外10个人吧”——一个德国小孩的故事
  7. 东方木教你如何用WINDOWS自带的压缩功能去压缩软件
  8. 如何在家里搭建服务器
  9. 超大文件中在有限的内存里找到单词频率 top 100
  10. 2022!运势最牛X的三大星座!