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

互联网已经进入手机时代,除了手机上能够访问到你网站外,在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来实现此功能的办法。如果稍微有……
<<上一篇
下一篇>>