文档章节

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

coton_chen
 coton_chen
发布于 2016/12/09 20:53
字数 322
阅读 37
收藏 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
粉丝 24
博文 25
码字总数 16233
作品 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

没有更多内容

加载失败,请刷新页面

加载更多

github精选:微信小程序开发技巧(12月31日更新)2016

框架部分 所有页面都需要在 app.json 文件中注册在 pages 数组中,注册格式为:"路径/文件名" 注:文件名无需添加扩展名 app.josn 中的 pages 数组中的第一个页面为小程序的启动页 每个页面的...

阿K1225
8分钟前
0
0
OSChina 周日乱弹 —— 小心着凉 @红薯

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子:5.33起,其声呜呜然,如怨如慕,如泣如诉。余音袅袅,不绝如缕。分享Arch Enemy的单曲《Bridge Of Destiny (2009)》 《Bridge Of...

小小编辑
今天
309
4
what f,,

anlve
今天
10
0
初级开发-编程题

` public static void main(String[] args) { System.out.println(changeStrToUpperCase("user_name_abc")); System.out.println(changeStrToLowerCase(changeStrToUpperCase("user_name_abc......

小池仔
今天
15
0
现场看路演了!

HiBlock
昨天
25
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部