首先需要引入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'));
  }
});

以上代码会在页面加载完成后自动执行,如果当前页面在电脑上打开则生成二维码并替换页面内容。用户可以用手机扫描二维码来打开页面

用html js jquery实现检测到当前页面在电脑打开时把当前页面内容替换url的二维码引导用户用手机扫码打开

原文地址: http://www.cveoy.top/t/topic/eCEl 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录