文档章节

微信网页长按二维码不识别问题

coton_chen
 coton_chen
发布于 2016/12/09 20:53
字数 322
阅读 28
收藏 0

问题现象:

如下图,这是设计的布局方式,其中二维码宽高为200px,最下面为一个长页,然后点按钮弹出一个浮层(div + position:absolute),然后其中的二维码怎么样就是不识别。google到这个文章,但是没有解决问题。

问题测试:

然后采用新建一个空白html页面进行测试:

测试1,结果:二维码不识别。代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=640, user-scalable=no"/>
</head>
<body>
    <div style="position: absolute;top:300px">
        <img src="images/qrcode.png">
    </div>
</body>
</html>

测试2,结果:二维码不识别,代码如下:

<body>
    <img src="images/qrcode.png" style="position: absolute;top:500px">
</body>

测试3,结果:二维码不识别,代码如下:

<body>
    <img src="images/qrcode.png" style="margin-top:500px">
</body>

测试4,结果:可以识别二维码,最终有效代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=640, user-scalable=no"/>
</head>
<body>
    <div style="position: absolute;top:0px;z-index:9;">
        <img src="一个1px*1px的透明png图片" width="640px" height="想要的高度px" alt="">
        <img src="images/qrcode.png">
    </div>
</body>
</html>

© 著作权归作者所有

共有 人打赏支持
coton_chen
粉丝 22
博文 21
码字总数 13015
作品 0
静安
架构师
微信网页中 多个二维码的识别

微信网页中 长按识别二维码时 如果同一页面中有多个二维码 会随机识别一个二维码的情况..这种状况是不能忍受的.. 在度娘上面搜索一些相关信息,有人说 微信识别二维码的机制是 先整张页面截图...

首席攻城狮
2016/08/03
143
0
AI 时代,爱学习的程序员都关注了这些…

这篇文章推荐了包括技术、设计、极客相关的热门公众号。

p5deyt322jacs
01/07
0
0
jquery实现微信长按识别二维码

1.引入JS库 2.在页面创建一个空的div; 3.生成二维码 注意:这个时候生成的二维码在微信中长安没任何反应,因为qrcode生成的是canvas标签而不是img标签 4.将canvas标签转换为img标签 注意:完...

ht896632
2016/08/24
4.3K
10
WebView实现长按保存图片 长按识别二维码

先来简单说一下本文所要实现的功能:用户在浏览网页的时候,长按某一区域,识别如果是图片,则弹出弹框,出现保存图片的功能。同时识别图片是否是二维码,如果是则在弹框中追加识别二维码功能...

01/11
0
0
重磅消息:微信小程序支持长按二维码进入

之前微信小程序一般通过以下入口进入: 而用户经常使用“长按二维码”识别应用的功能一直未开放,据酷客多了解,微信安卓6.5.6内测版已经支持长按二维码识别和进入小程序,意味着把小程序二维...

灵动生活
2017/03/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

day60-20180818-流利阅读笔记-待学习

钉钉:工作的归工作,生活的…也归工作? 毛西 2018-08-18 1.今日导读 你用过“钉钉”么?被公司要求使用钉钉的感受是如何的呢?这款阿里巴巴旗下的移动办公社交平台在弯道超车微信、为许多企...

aibinxiao
46分钟前
6
0
Kubernetes的HTTPS和证书问题,汇总

通过Kubernetes建立服务网站,需要干的事情和HTTPS和证书问题,汇总如下: 建立Nginx服务器 搞服务器第一步,Ubuntu 18.04设置静态IP 安装Nginx服务。 Kubernetes的deployment使用 创建服务,...

openthings
今天
2
0
php 使用redis锁限制并发访问类

1.并发访问限制问题 对于一些需要限制同一个用户并发访问的场景,如果用户并发请求多次,而服务器处理没有加锁限制,用户则可以多次请求成功。 例如换领优惠券,如果用户同一时间并发提交换领...

豆花饭烧土豆
今天
0
0
Linux环境搭建 | 手把手教你配置Linux虚拟机

在上一节 「手把你教你安装Linux虚拟机」 里,我们已经安装好了Linux虚拟机,在这一节里,我们将配置安装好的Linux虚拟机,使其达到可以开发的程度。 Ubuntu刚安装完毕之后,还无法进行开发,...

良许Linux
今天
0
0
(三)Nginx配置·续

概述 前文写了关于Nginx环境配置,但是还没有完,接下来将会继续讲三个相关的配置 主要是以下三个 1.Nginx访问日志 2.Nginx日志切割 3.静态文件不记录日志和过期时间 Nginx访问日志 1.先看看...

杉下
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部