用html js jquery实现检测到当前页面在电脑打开时把当前页面内容替换url的二维码引导用户用手机扫码打开
首先需要引入jQuery和QRCode.js库:
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
然后在页面中添加一个元素用于显示二维码:
<div id="qrcode"></div>
接着编写JavaScript代码,检测当前页面是否在电脑上打开,如果是则生成二维码并替换当前页面内容:
$(function() {
// 检测是否在电脑上打开
if (!navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) {
// 生成二维码
var qrcode = new QRCode("qrcode", {
text: window.location.href,
width: 256,
height: 256,
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.H
});
// 替换页面内容
$('body').html($('#qrcode'));
}
});
以上代码会在页面加载完成后自动执行,如果当前页面在电脑上打开则生成二维码并替换页面内容。用户可以用手机扫描二维码来打开页面
原文地址: http://www.cveoy.top/t/topic/eCEl 著作权归作者所有。请勿转载和采集!