给你网站的每个网页添加二维码的方法

网友 • 2022-05-20 • 胡剽乱写IT世界 • 967 阅读

互联网已经进入手机时代，除了手机上能够访问到你网站外，在PC上添加一个二维码直接扫码可以进入手机查看方便了用户。实现这样的方法很多，这里就简单介绍一下使用开源qrcodejs来实现此功能的办法。如果稍微有点英文基础，直接访问开源地址可以看得很明白。

一、 qrcodejs 地址

https://github.com/davidshimjs/qrcodejs

二、如何使用

（一）下载代码

很多小白不知道如何下载？点右有个code 按钮，会弹出一个下拉，点DownZIP，就可以把源代码下载当本地

（二）上传代码

直接在你网站的根目录解压，可以看到一个文件夹qrcodejs-master，代码当然放进去了。当然可以根据你的需要把代码解压到合适的文件夹。

（三）在你网站的<head></head>之间加入以下代码

<script type="text/javascript" src="/qrcodejs-master/jquery.min.js"></script>
<script type="text/javascript" src="/qrcodejs-master/qrcode.js"></script>

注意： qrcodejs-master 是你解压的文件夹名，根据你解压的地址修改相应路径

（四）在你网站合适的地方添加如下代码

<div id="qrcode"></div>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
	text: document.location.href,
	width: 300,
	height: 300,
	colorDark : "#000000",
	colorLight : "#ffffff",
	correctLevel : QRCode.CorrectLevel.H
});
</script>

text获取的网页路径；width,height分别为宽高,后面自己读英文

三、其他使用方法

最基本的模式

<div id="qrcode">
</div>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie");
</script>

本代码兼容：IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, ETC.

THE END
打赏
海报
给你网站的每个网页添加二维码的方法
互联网已经进入手机时代，除了手机上能够访问到你网站外，在PC上添加一个二维码直接扫码可以进入手机查看方便了用户。实现这样的方法很多，这里就简单介绍一下使用开源qrcodejs来实现此功能的办法。如果稍微有……
<<上一篇
下一篇>>