动态设置二维码里面的跳转地址

最新推荐文章于 2024-04-25 15:58:48 发布

小An

最新推荐文章于 2024-04-25 15:58:48 发布

阅读量2.7k

点赞数

分类专栏： H5 文章标签： H5 二维码下载

本文链接：https://blog.csdn.net/u010067735/article/details/82838676

版权

H5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一，脚本逻辑代码。

一般的脚本代码里，写死了IOS和android的下载地址。那我动态设置的话，就是通过二维码信息里面的url把下载地址作为参数传到脚本代码，然后脚本取来作为跳转地址。具体代码如下：

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Download</title>
    <script type="text/javascript">
                var browser = {
                    versions: function() {
                        var u = navigator.userAgent,
                            app = navigator.appVersion;
                        return { //移动终端浏览器版本信息
                            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
                        };
                    }(),
                    language: (navigator.browserLanguage || navigator.language).toLowerCase()
                }

                function skip(){
                    if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
                        window.location = document.getElementById("ios").innerText;
                    } else if (browser.versions.android) {
                        window.location = document.getElementById("android").innerText;
                    } else {
                        document.body.style.display = "block";
                    }
                }
    </script>
</head>

<body onload="skip()" style="display: none;">
    <h1>Parameter error</h1>
    <p style="display: none;" id="ios" th:text="${ios}"></p>
    <p style="display: none;" id="android" th:text="${android}"></p>
</body>

</html>

二，生成二维码的地址为：服务器地址+'ios='+'IOS下载地址'+'&android='+'android下载地址'。例如：

http://172.XX.XX.XX:XXXXX/download?ios=https://www.pgyer.com/Aexh&android=https://www.pgyer.com/M5fM

小An

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
动态设置二维码里面的跳转地址

一，脚本逻辑代码。一般的脚本代码里，写死了IOS和android的下载地址。那我动态设置的话，就是通过二维码信息里面的url把下载地址作为参数传到脚本代码，然后脚本取来作为跳转地址。具体代码如下： &lt;html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/htm...
复制链接

扫一扫