0
点赞
收藏
分享

微信扫一扫

【完整】嵌入式当前页面生成二维码(目的方便手机预览)

在用户浏览PC端页面是为了方面用户在手机端打开页面,一般网站都会添加手机预览二维码,废话不多说我们开始

说明:将以下代码插入所需要添加的页面<body>标签内,然后去前端预览即可

//引入外部js,js文件可自行获取保存到本地,也可以不用管
<script type="text/javascript" src="https://pan.qumaw.com/jquery.min.js"></script>
<script type="text/javascript" src="https://pan.qumaw.com/qrcode.min.js"></script>
 

//显示二维码代码块
<p>手机扫描二维码快速查看</p>
<div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>


//定义二维码大小,获取二维码链接 
<script type="text/javascript">
//初始化存放二维码的div
	var qrcode = new QRCode(document.getElementById("qrcode"), {
		width : 200,//二维码尺寸
		height : 200
		});
		//window.location.href获取到URL
		qrcode.makeCode(window.location.href);
 
</script>

效果图:

举报

相关推荐

0 条评论