技术日志

记录分享邓杰律师从事网络技术工作点点滴滴。

如何自动获取当前页面URL并生成二维码?

点击复制标题网址

——温馨提示——

已复制到剪贴板,可粘贴到下一处。


时间:   查看:1024

编者按:

使用QRCode.js库通过CDN引入,极简实现仅包含核心功能,即:自动获取当前页面URL并生成二维码,响应式设计适配不同设备,单文件解决方案无需后端支持。

使用QRCode.js库通过CDN引入,极简实现仅包含核心功能,即:自动获取当前页面URL并生成二维码,响应式设计适配不同设备,单文件解决方案无需后端支持。

具体代码如下:

一、html代码

<div id="qrcode" style="padding: 10px 10px;background: white;"></div>

二、js代码

    <script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>

    <script>

        new QRCode(document.getElementById("qrcode"), {

            text: window.location.href,

            width: 140,

            height: 140

        });

    </script>

发表评论:

评论记录:

未查询到任何数据!