注册
其实我可以理解乐天,毕竟韩国是它的国家,所以也请理解我们抵制乐天,因为中国也是我们的国家

给您网站、文章添加“扫码阅读”功能(Jquery生成二维码)

嗨豆壳技术文章 时间:2014-11-18 22:25:35 [ray]

在二维码横行的移动时代,使用移动设备阅读已然成为主流,如果还让用户把PC端的URL在移动端上一个个敲,是极其糟糕的用户体验效果,网站如果没有便捷的方式让用户在移动设备阅读的话就OUT啦,马上做个“扫码阅读”的功能吧。其实就是将网址生成二维码就行了。

二维码可以用PHP生成,或者用JavaScript生成,以及使用在线API都是可以的。而用JavaScript会更省事些。这里介绍使用jQuery的 jquery.qrcode.js 扩展生成二维码。

<div id="qrcode"></div>
<script src="jquery-1.6.1.min.js" type="text/javascript">
<script src="jquery.qrcode.min.js" type="text/javascript">
<script type="text/javascript">
jQuery.noConflict(); // 防止JS库冲突
jQuery("#qrcode").qrcode({
    render: "canvas", // canvas方式
    width: 150, // 宽度
    height:150, // 高度
    text: "//www.hi-docs.com/jquery.html" // 网站、文章的url地址
});
</script>

jquery.qrcode.js 其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式,默认使用canvas方式,效率最高,当然要浏览器支持html5。如果浏览器不支持 HTML5,请使用table方式

jQuery("#code").qrcode({
    render: "table", // table方式
    width: 150, //宽度
    height:150, //高度
    text: "//www.hi-docs.com/jquery.html" //内容
});

如果你更趋向于使用API接口,这里也介绍一个,也是本站目前使用的方法://liantu.com

本站每篇文章右侧都有生成二维码,可以用微信、支付宝钱包什么的扫一扫在手机上直接阅读。

标签

本文地址:https://www.hi-docs.com/article/103.html

上一篇:php中日期/时间格式化函数strtotime()的用法详解

下一篇:百度免费IP地址查询API,查询接口