相信有不少朋友,是需要用到这个功能的,虽说现在的百度分享,还有各类浏览器,都支持在线生成二维码这样一个功能,但能生成到本地的话,还是一个不错的选择,当然,这个我们可以选择代码的方式来生成,福利老幺在网上找到一条JS,是可以直接生成的,另外,这一方面的插件也是非常多的,这里来教大家如何生成二维码,如何选好一个二维码自动生成插件.
纯浏览器生成二维码的的 jQuery 插件
这个也就是纯代码生成了,其实非常的简单.我们只不过是用到了其中一条jquery.qrcode.js,后面再调用就可以了.操作过程如下:
1. 加载 jQuery 和 jquery.qrcode.js:
- [javascript]
- <script type=’text/javascript’ src=’http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js’></script>
- <script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
- [/javascript]
2. 创建一个用于包含 QRcode 图片的 DOM 元素,比如 div:
- [html]
- <div id="qrcode"></div>
- [/html]
3. 然后通过下面代码生成 QRcode:
- [html]
- jQuery(‘#qrcode’).qrcode("页面URL")
- [/html]
4. 默认生成的二维码大小是 256×256,当然可以自定义大小:
- [html]
- jQuery(‘#qrcode’).qrcode({width: 64,height: 64,text: "页面URL"});
- [/html]
关于更多的说明,大家可以参考:http://jeromeetienne.github.io/jquery-qrcode/
几款WordPress二维码生成插件的比较和选择
1. QR Code
和关键词同名的插件,自然是牌第一了,激活量不错,不过有一个问题:
- [qrcode url="https://www.fuli612.com" margin="10" size="100" before="QR Code" after="QR Code"]
使用这样的短代码在任何地方生成二维码。不过这款插件本身就是qrserver.com接口生成二维码的,因此没有任何可靠性的增加,果断放弃.
2. QR Code generator by Unitag
这款插件比起前面的那款来要强大很多,它是在WordPress的uploads文件夹下即时生成一张JPG格式图片作为二维码,这几乎已经符合我的要求了。
然而在实际测试中它还有一个小问题没有解决 – 在使用CDN自动分发图片资源的网站环境中,这张即时生成的JPG不能第一时间被同步到分发网络上,这就导致了页面上的二维码要在页面刷新一次以上后,才会自动同步到分发网络上显示出来。对于一些要经常刷新二维码的应用,它就无能为力了,比如支付场景。
3.QR Code generator
也提供了相似短代码:
- [qrcode content="CONTENT" size="120" alt="ALT_TEXT" class="CLASS_NAME"]
但在国内连上一款都不如,因为它用了googleapi,直接被墙… 选用插件的时候一定要注意很多WordPress插件都依赖googleapi,这在墙外是很正常的行为,在国内却行不通,这就大大缩小了我们的选择范围,这里一定要慎重.
4.Javascript QRcode Generator
这款插件使用了base64代码生成二维码图片,可谓绿色无污染.
同样提供了短代码:
- [jsqr msg="https://www.fuli612.com"/]
并且在不支持base64的IE8-浏览器内黑自动降级到table格式显示二维码,这样状态下会使浏览器有一些卡顿,但我们早该淘汰IE8了不是么,况且他还是兼容IE678的。
你这个广告是哪里的,楼主能不能分享一下
管理员 管理员: 2017年10月11日 14:15 ∇地下1层
什么广告?
就是文章内容上,标题下的广告
管理员 管理员: 2017年10月12日 08:52 ∇地下1层
那个是谷歌的广告.
漂亮啊,支持下