js 实现呼起（打开）app

我们知道，js是无法判断手机是否安装了某款app的，但是有时候我们会有这样的需求：点击下载app按钮，如果已经安装了这款app则呼起，如果没有安装则跳转到下载页。

思路：
在前端，如果想实现上述问题，首先得有个url一个android或ios人员给的url。这个url的作用是呼起app。为啥调用这个url就能呼起app呢，因为，Android和iOS 开发人员开发时可以实现在安装这款app到手机时，同时在手机上注册一个这个URL。在前端只需跳转到这个URL如果手机上存在这个URL则会呼起app，如果没有则不会做任何事情。

现在还有个问题：如果没有安装这款app，怎么实现跳转到下载页呢？这个也不难，可以：获取时间如果，长时间不能呼起app则默认为没有安装这款app，然后跳转到下载页。

代码：

var url_ios =  ‘vread_ios://’；
var url_ios _download=  ‘http://www.xxx.com’；
var url_android = 'vread://com.sina.book.xxx'；
var url_android_download = 'http://www.xxx.com'
//通过window.navigator.userAgent来判断当前设备是IOS还是Android。if (IOS){var loadTime = new Date();location.href = url_ios;setTimeout(function(){var outTime = new Date()if(outTime - loadTime > 800){location.href = url_ios_download;}           },1000)
}else{var loadTime = new Date();location.href = url_android;setTimeout(function(){var outTime = new Date()if(outTime - loadTime > 800){location.href = android_download;}},1000)
}

js 实现呼起（打开）app相关推荐

京东开普勒php接口,IOS菜鸟初学第十五篇：接入京东开普勒sdk，呼起京东app打开任意京东的链接-Go语言中文社区...
我之前写了一篇关于接入京东联盟sdk的文章,但是最近,由于这个原因,如下图导致需要重新集成京东的sdk,但是由于某种原因,因为android和ios端不统一,android接入的是京东开普勒的SDK ...
Ios9 html5,ios9,html5_ios9下在浏览器中通过scheme打开app的问题，ios9,html5 - phpStudy
ios9下在浏览器中通过scheme打开app的问题 ios9系统下,safari下通过iframe(scheme)的方式跳app,无法打开app,通过location.href=scheme的方式倒 ...
小程序和android联调,小程序打开APP指定页面
小程序打开APP指定页面一.小程序端准备 1.最好将小程序基础调试库调整至较为新的版本.(我选择的是大于2.5.1的版本) 2.从官网把代码 copy 过来,记得看看 button 的小程序打开ap ...
uni-app项目配置UrlSchemes在外部打开APP
已经安装跳转应用的情况 1.对于IOS配置打包配置路径manifest->app-plus->distribute->ios 注意不要使用大写及中文以及特殊字符等,示例代码如下 & ...
html 链接到 appstore,如何在微信浏览器内打开App Store链接
微信浏览器是不支持打开 App Store 页面的,不知道微信为什么这么做. 比如你页面写 download ,在微信浏览器点击是没有反应的,但是如果是其他的链接地址,如百度就没有问题. 但是,如果在 ...
实现微信浏览器内打开App Store链接
微信浏览器是不支持打开App Store 页面的,不知道微信为什么这么做.比如你页面写 <a href="http://itunes.apple.com/us/app/id903800 ...
如何在微信中打开app及Schema VS Universal Link
如何在微信中打开app 方法一:微下载链接微下载能力不仅能够帮助开发者在微信等场景进行一键下载安装,目前已支持直接拉起应用的指定内容页,帮助开发者缩短内容触达路径,提升产品活跃和用户体验实际的情况 ...
微信中打开app store连接
微信浏览器是不支持打开App Store 页面的.比如你页面写 <a href="http://itunes.apple.com/us/app/ id867985717″>下载取 ...
web页面中如何唤起打开APP实践
作者:拾邑链接:https://github.com/suanmei/callapp-lib/issues/1 前段时间在做一些H5页面,落地页占比较大,落地页承担的职责就是引流.引流有两种形式,同 ...
使用微信wx-open-launch-app标签实现微信网页打开App记录
前置条件 1.同一账号主体且通过认证的微信服务号.微信开放平台账号: 微信公众号操作: 1.开发-基本配置中-添加服务器ip白名单 2.设置-公众号设置-功能设置-添加业务域名.js接口安全域名 (可 ...

js 实现呼起（打开）app

js 实现呼起（打开）app相关推荐

最新文章

热门文章