判断系统类型安卓还是ios

最新推荐文章于 2025-04-06 09:00:00 发布

Wonder*

最新推荐文章于 2025-04-06 09:00:00 发布

阅读量348

点赞数

分类专栏：笔记文章标签：大前端

本文链接：https://blog.youkuaiyun.com/weixin_44427784/article/details/120675399

版权

笔记专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种前端开发中检测设备系统并据此决定下载行为的方法，通过`navigator.userAgent`判断是Android、iOS还是PC，并针对不同系统提供相应下载提示或直接下载链接。

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

需求：下载app时，要判断当前设备是什么系统

1.页面创建时判断系统

created(){
    //判断系统
    let u = navigator.userAgent;
    let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //Android终端
    let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    if (isAndroid) {
        this.system = 'Android';
    } else if (isIOS) {
                this.system = 'IOS';
    } else {
                this.system = 'pc';
    }
}

2.点击下载时执行download函数

methods: {
            download(){
                //如果是ios用户则提示，否则直接下载
                if( this.system == 'IOS'){
                    this.showAlert = true;
                    this.alertText = 'IOS用户请前往AppStore下载'
                }else{
                    try {
                        let elemIF = document.createElement("iframe");
                        elemIF.src = 'http://cangdu.org/files/elm.apk';
                        elemIF.style.display = "none";
                        document.body.appendChild(elemIF);
                    } catch (e) {
                        alert('下载失败')
                    }
                }
            }
        }