移动端浏览器中触发app打开/下载

最新推荐文章于 2023-03-13 13:12:05 发布

Azer.Chen

最新推荐文章于 2023-03-13 13:12:05 发布

阅读量899

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： html5 javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_37750365/article/details/119002371

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个JavaScript函数，根据设备类型（iOS或Android）动态判断，引导用户从浏览器跳转到相应应用商店，通过`appName`和`app启动名`实现。设置了延迟后，会自动转向商店下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

handleDownload() {
    let ua = window.navigator.userAgent
    if (!!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
        // ios端
        // 触发app启动
        const appName = 'app的软件名，需要跟商店中参数一致' 
        window.location.href = `${ appName }://openApp`
        // 设置一个延时，超过一定时间，页面跳转到商店app页面
        setTimeout(() => {
            window.location.href = 'app商店链接'
        }, 2000)
    } else if (ua.indexOf('Android') > -1 || ua.indexOf('Adr') > -1) {
        // android端
        window.location.href = 'app启动名，需要跟配置一致'
        // 同ios一样，设置一个延时器
        setTimeout(() => {
            window.location.href = '安卓商店app链接'
        }, 2000)
    }

}