js调起打开APP_浏览器点击打开微信

本文介绍了在网页中实现打开APP的需求,如果手机未安装APP则跳转到下载页面。通过监听`visibilitychange`事件来判断是否成功调起APP,如果在设定时间内浏览器未隐藏,则认为手机未安装该APP并跳转到下载页面。
摘要由CSDN通过智能技术生成

需求

项目中需要在网页中打开app的需求,若手机没有安装app则需跳转到下载自定义的下载APP页面。这种需求在很多“别人家”的网站都能实现,我们的开发员当然有需求也要折腾一下了。

分析

首先得判断是否是在手机端打开,是手机端才调用打开app,pc则直接跳转下载页面。
调用打开app其实相当于跳转某个app链接,但js不能判断是否能进行跳转打开。既然没有直接的方法可以判断,可以判断触发一段时间后监听浏览器是否隐藏,若隐藏了说明已打开调起APP,若设定时间过去仍没有进入隐藏事件,说明手机没有安装此APP,则跳转至下载APP页面。

实现

监听浏览器挂起的h5新事件为:visibilitychange
代码如下:

//设置3秒没打开app即跳转下载页
var COUNT = 3;
//定时器
var TIMER;

$('button').click(function()<
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值