这不是一篇严格意义上的原创,参考了很多大佬的文章, 下面根据自己的情况做了一下整理。
近两天,接到公司的需求----点击 H5 的购买按钮,跳转到 APP 对应的页面。啊! 一脸懵! 还等啥,赶紧查资料啊。
下面的描述分为两点:
- js 的判断与跳转
- URL Scheme 、Universal link 、App link 的区别
通过 js 判断与跳转的思路是这样的
- 通过
let u = navigator.userAgent
判断浏览器的系统类型及版本信息 - 通过
u.indexOf()
判断系统为 Android 还是 iOS - 如果是 Android 系统,则
u
含有的关键字段为Android
或Linux
- 如果是 iOS 系统,则
u
含有的关键字段为Mac OS X
- 设置时常为 3s 的定时器,如果可以打开 APP,则打开。如果不行,则 3s 后跳转到 APP 下载链接
- 我对 iOS 系统做了一个处理,判断系统版本是否小于 9 ,若小于,则通过 URL Scheme 打开APP,否则用 Universal link ( iOS 9.0 以后支持 ) 打开。
上代码:
<!DOCTYPE html>
<html lang="en">
...
<body>
<div id="box">点击打开app</div>
</body>
<script>