给网页添加二维码功能

使用javascript+google api

把下面的代码放到需要出现的位置就行了

View Code

<script type="text/javascript">
document.write("<img src=\"https://chart.googleapis.com/chart?cht=qr&chs=80x80&choe=UTF-8&chld=L|0&chl="+encodeURI(window.location.href)+"\"  class=\"img-rounded\" width=\"80\" height=\"80\"/></img>");
</script>

链接中的参数：

https://chart.googleapis.com/chart? 这是Google Chart API的头部，直接照抄就好了～
&cht=qr 这是说图表类型为qr也就是二维码。
&chs=200×200 这是说生成图片尺寸为200×200，是宽x高。这并不是生成图片的真实尺寸，应该是最大尺寸吧。
&choe=UTF-8 这是说内容的编码格式为UTF-8，此值默认为UTF-8.其他的编码格式请参考Google API文档。
&chld=L|4 L代表默认纠错水平； 4代表二维码边界空白大小，可自行调节。具体参数请参考Google API文档。
&chl=XXXX 这是QR内容，也就是解码后看到的信息。包含中文时请使用UTF-8编码汉字，否则将出现问题。

转载于:https://www.cnblogs.com/catmelo/archive/2013/02/16/2913737.html

给网页添加二维码功能相关推荐

关于在软件中添加扫描二维码功能的详细步骤及对应的资源。
最近有在一款软件中添加二维码扫描功能,在网上整理了一堆资源后,把一些干货拿出来给大家分享,希望大家以后能更容易的使用这个功能. 详细步骤见这个视频连接:http://www.jikexueyuan.c ...
shopnc 商家中心添加打印商品二维码功能
需求中提到需要增加每一件商品可以打印,用于线下体验店实体商品的二维码标签,客人可以根据手机扫二维码功能进行购买任务描述: 1.如附件实现"批量打印标签"和单个商品"打印 ...
网址二维码：如何制作网页链接二维码？
1994年,一家日本的公司发明了二维码,最开始是用来追踪旗下公司零部件的维修情况.在二维码上有不同的区域,标识不同的信息,比如对齐模式.定时模式.安静区域.版本信息.数据单元等. 现如今二维码和我们的 ...
让你的APP轻松加上扫描二维码功能
在这个二维码横行的年代,如果一个APP连扫描二维码的功能都没有是会被耻笑的.今天小老虎教小白们如何为自己的APP添加扫描二维码功能和生成二维码,并做到外部扫描跳转网页,内部扫描跳转具体Activity ...
android TV端如何读取微信网页版二维码显示生成一张图片
今天讲下TV端接二维码遇到的一些问题,由于是在微信平台申请的是以网站那种形式申请的,而不是服务号申请的,所以客户端显示的二维码是以网页的形式展现的,网页是用WebView加载实现的,但是我们的界面是这 ...
在js中调用微信的扫描二维码功能
在js中调用微信的扫描二维码功能* 关键代码 <html> <head>`在这里插入代码片`<title>js调用微信扫一扫功能测试</title>&l ...
【在web项目jsp页面自动生成二维码功能】
在web项目jsp页面自动生成二维码功能原文: http://www.cnblogs.com/gczmn/. https://www.jq22.com/jquery-info294/. 先将下面的文 ...
在Vue中调用微信的扫描二维码功能
在Vue中调用微信的扫描二维码功能步骤新建vue文件(这里采用mint的标签库--就一个按钮~~) 关键代码 <template><div class="login_d ...
微信开发者工具如何模拟调试扫描小程序二维码功能
本文主要介绍如何在微信开发者工具中模拟调试现场扫描小程序二维码功能场景. 1.添加自定义编译模式在微信开发者工具内如下图所示,添加编译模式: 2.启动页面设置在启动页选项中填入扫描小程序二维码后要 ...

给网页添加二维码功能

使用javascript+google api

给网页添加二维码功能相关推荐

最新文章

热门文章