文档章节

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

coton_chen
 coton_chen
发布于 2016/12/09 20:53
字数 322
阅读 22
收藏 0
点赞 0
评论 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
博文 20
码字总数 11827
作品 0
静安
架构师
微信网页中 多个二维码的识别

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

首席攻城狮 ⋅ 2016/08/03 ⋅ 0

AI 时代,爱学习的程序员都关注了这些…

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

p5deyt322jacs ⋅ 01/07 ⋅ 0

jquery实现微信长按识别二维码

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

ht896632 ⋅ 2016/08/24 ⋅ 10

WebView实现长按保存图片 长按识别二维码

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

⋅ 01/11 ⋅ 0

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

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

灵动生活 ⋅ 2017/03/18 ⋅ 0

微信扫描二维码登录网页的原理

1.微信扫描二维码登录网页过程 [电脑] 打开 http://wx.qq.com,得到二维码; [手机] 手机登录微信,点开扫一扫,扫描PC端二维码,并且扫描成功; [电脑] 手机扫描成功后,提示“登录网页版微...

w-rain ⋅ 2016/02/17 ⋅ 2

如果你没时间读书,就关注这几个号

一万小时定律是作家格拉德威尔在《异类》一书中指出的定律:人们眼中的天才之所以卓越非凡,并非天资超人一等,而是付出了持续不断的努力。要成为某个领域的专家,需要10000小时。研究结果表...

a26r2kf967hgai ⋅ 2017/12/23 ⋅ 0

如果你没时间读书,就关注这几个号

一万小时定律是作家格拉德威尔在《异类》一书中指出的定律:人们眼中的天才之所以卓越非凡,并非天资超人一等,而是付出了持续不断的努力。要成为某个领域的专家,需要10000小时。研究结果表...

bf02jgtrs00xktcx ⋅ 2017/12/21 ⋅ 0

IT人成长修炼之路的必备......

微信公众号 关键字全网搜索最新排名 【机器学习算法】:排名第一 【机器学习】:排名第一 【Python】:排名第三 【算法】:排名第四 知识更新那么快,跟随不上怎么办? 碎片信息那么多,选择...

mbx8x9u ⋅ 2017/12/30 ⋅ 0

又是晚上 10 点,微信小程序「放码」

从上周五支持「长按二维码打开小程序后」,微信小程序似乎进入了鸡血状态,大招不断。 昨上晚上 10 点多,微信放出「第三方平台支持小程序」后,今天,也是晚上 10 点多,微信放出了「小程序...

达尔文 ⋅ 2017/04/19 ⋅ 26

没有更多内容

加载失败,请刷新页面

加载更多

下一页

解决httpclient超时设置不生效的问题

最近公司有项目需要通过http调用第三方服务,且第三方服务偶有超时,故需要设置一定的超时时间防止不响应的情况出现。 初始设置如下: [java] view plain copy //超时设置 RequestConfig re...

Mr_Tea伯奕 ⋅ 3分钟前 ⋅ 0

过滤器Filter和拦截器HandlerInterceptor

过滤器 依赖于servlet容器。在实现上基于函数回调,可以对几乎所有请求进行过滤,但是缺点是一个过滤器实例只能在容器初始化时调用一次。使用过滤器的目的是用来做一些过滤操作,获取我们想要...

hutaishi ⋅ 8分钟前 ⋅ 0

Redis入门详解(转)

Redis入门详解 Redis简介 Redis安装 Redis配置 Redis数据类型 Redis功能 持久化 主从复制 事务支持 发布订阅 管道 虚拟内存 Redis性能 Redis部署 Redis应用场景 Redis总结 Redis简介: Redi...

xiaoyaoyoufang ⋅ 20分钟前 ⋅ 0

说说javascript中的那些专业名词

DOM(Document Object Model) 文档对象模型 BOM(Browser Object Model) 浏览器对象模型 ECMA(European Computer Manufacturer's Association) 欧洲计算机制造商协会 W3C(World Wide Web Conso......

hang1989 ⋅ 40分钟前 ⋅ 0

Bootstrap Wizard 多步表单控件

废话 有一块需求是 有多步表单 点击下一步时触发验证一个范围内的表单,点击上一步或取消,清空表单并返回第一步,点击最后一步提交整个表单的 就找到了这个插件,本来自己写了一个原生的 fo...

无极之岚 ⋅ 56分钟前 ⋅ 0

如何利用Spring Cloud构建起自我修复型分布式系统

利用Netflix所打造的组件及各类大家熟知的工具,我们完全可以顺利应对由微服务以及分布式计算所带来的技术挑战。 在过去一年当中,微服务已经成为软件架构领域一个炙手可热的新名词,而且我们...

harries ⋅ 今天 ⋅ 0

临近实习前的感想

再过两星期就要开始新的一段实习了,想想去年的这个时候也在实习,心中不免思绪万千,也一直想写对2017做个总结,但一直迟迟没有下笔。 2017年的春节,我就开始准备开学后找份实习。那时候就...

无精疯 ⋅ 今天 ⋅ 0

Spring AOP(面向切面编程)

Spring AOP概念: Spring AOP 可以劫持一个执行的方法,在方法执行之前或之后添加额外的功能。通常情况下,AOP把项目中需要在多处用到的功能,比如日志、安全和事物等集中到一个类中处理,而...

霍淇滨 ⋅ 今天 ⋅ 0

人工智能、机器学习、数据挖掘以及数据分析有什么联系?

人工智能是目前炙手可热的一个领域,所有的互联网公司以及各路大迦们纷纷表态人工智能将是下一个时代的革命性技术,可与互联网、移动互联网时代的变更相媲美;AlphaGo在围棋领域战胜人类最顶...

董黎明 ⋅ 今天 ⋅ 0

使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、 安装 node.js 首先需要安装node环境,可以直接到中...

初学者的优化 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部