IOS和安卓共用一个二维码，实现扫码跳转链接——18.08.01菜鸟打怪升级

本文链接：https://blog.csdn.net/mayshowping/article/details/81325397

本文介绍了一种通过二维码实现iOS与安卓系统下不同行为的方法。针对安卓微信扫码时引导用户使用自带浏览器下载应用的需求，提供了具体的HTML与JavaScript代码示例。

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

ios和安卓共用一个二维码，实现扫码跳转链接

直接上代码了也是参考了网上的demo，直接小修改了一下。临时接了一个任务，直接套过来了。因为安卓微信的内置的浏览器和手机自带的不一样，在ios上面没有问题，会直接提示跳转到appstore。要求是实现安卓微信跳转显示一个页面，提示用手机自带的浏览器打开下载，就这么小修改了一下。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>download</title>
</head>
<div id="weixin-tip" style="margin: 0px; background: #0e0e0e;"></div>

<body>
    <script>
        //二维码扫码
        goDownload();
        // 去下载
        function goDownload() {
            var u = navigator.userAgent;
            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
            var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
            // 这里是安卓浏览器
            if (isAndroid) {
                if (is_weixn()) {
                    var weixin_tip = document.getElementById("weixin-tip");
                    var img = document.createElement("img");
                    img.src = "#";
                    weixin_tip.appendChild(img);
                } else {
                    window.location.href = '#';
                }
            };
            // 这里是iOS浏览器
            if (isIOS) {
                window.location.href = '#';
                // 跳AppStore下载地址
            }
        }
        // 微信扫码判断
        function is_weixn() {
            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                return true;
            } else {
                return false;
            }
        };
    </script>
</body>

</html>