一个二维码解决苹果和安卓手机的应用安装

原创

已于 2024-03-13 09:35:21 修改 · 1.2k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#android #智能手机

于 2024-03-12 11:43:55 首次发布

本文介绍了如何在HTML页面中通过JavaScript检测用户设备是iOS还是Android，并进一步识别华为、小米等安卓品牌，以便于引导用户至对应的App商店。方法涉及在script标签中编写判断条件，确保在默认浏览器下获取userAgent信息，最后将结果应用到二维码生成中。

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

扫描二维码得到的是什么？
是一个网页的链接地址！例如：

扫描以上二维码得到的地址如下：https://www.pgyer.com/ze7NeY

追根溯源就是要在网页中区分当前设备是安卓还是苹果设备，从而根据不同设备跳转到不同商店下载安装包！
国内安卓手机有多个品牌厂商，需要针对安卓设备的品牌进入到对应品牌商店下载安装APP

######1.在html源码中新增script 标签，并在其中新增判断设备类型的方法

 <script>
        // 是否ios终端
        function isIOS() { 
            return !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
        }

        // android终端
        function isAndroid() { 
            return navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1; 
        }
    </script>

######2.在script 标签，并在其中新增判断设备品牌的方法

 function judgeBrand(sUserAgent) {
            const isHuawei = sUserAgent.match(/huawei/i) == "huawei";
            const isHarmony = sUserAgent.match(/harmonyos/i) == "harmonyos"