用一个二维码做下载地址，自动区分是 ios 还是 android, 甚至区分 iphone 和 ipad。

最新推荐文章于 2022-04-19 09:19:08 发布

转载最新推荐文章于 2022-04-19 09:19:08 发布 · 665 阅读

文章标签：

#JS #区分AndroidiOS #二维码

JavaScript 同时被 2 个专栏收录

11 篇文章

订阅专栏

HTML

5 篇文章

订阅专栏

本文介绍了一种使用二维码自动识别并跳转至不同平台下载页面的方法。通过JavaScript检测用户设备类型，实现iOS和Android系统的定向下载链接跳转。

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

用一个二维码做下载地址，自动区分是 ios 还是 android, 甚至区分 iphone 和 ipad。

 
        <
        html
        >
       
        <
        head
        >
       
        <
        meta 
        http-equiv="Content-Type" content="text/html; charset=utf-8" />
       
        <
        title
        >二维码下载</
        title
        >   
       
        <
        script 
        type="text/javascript">
       
        /*
       
        * 智能机浏览器版本信息:
       
        *
       
        */
       
        var browser = {
       
        versions: function() {
       
        var u = navigator.userAgent, app = navigator.appVersion;
       
        return {//移动终端浏览器版本信息
       
        trident: u.indexOf('Trident') > -1, //IE内核
       
        presto: u.indexOf('Presto') > -1, //opera内核
       
        webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
       
        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
       
        mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
       
        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
       
        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
       
        iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
       
        iPad: u.indexOf('iPad') > -1, //是否iPad
       
        webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
       
        };
       
        }(),
       
        language: (navigator.browserLanguage || navigator.language).toLowerCase()
       
        }
       
        if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
       
        window.location="https://itunes.apple.com/cn/app/xxx";
       
        }
       
        else if (browser.versions.android) {
       
        window.location="http://zhj8.aliapp.com/xxx.apk";
       
        }
       
        //            document.writeln("语言版本: " + browser.language);
       
        //            document.writeln(" 是否为移动终端: " + browser.versions.mobile);
       
        //            document.writeln(" ios终端: " + browser.versions.ios);
       
        //            document.writeln(" android终端: " + browser.versions.android);
       
        //            document.writeln(" 是否为iPhone: " + browser.versions.iPhone);
       
        //            document.writeln(" 是否iPad: " + browser.versions.iPad);
       
        //            document.writeln(navigator.userAgent);
       
        </
        script
        >
       
        </
        head
        >
       
        <
        body
        >
       
        </
        body
        >
       
        </
        html
        >