如何解决IOS系统，微信长按扫描二维码不识别的问题

Question

现在项目中想做到IOS，微信客户端中长按识别二维码的功能，android版的微信已经可以，想让IOS客户端也实现怎么解决呢？

Answer 1

用img标签，单独裁剪出二维码图片并且周围最好不要有乱砸的颜色或形状

html<img src="qrcode.jpg" alt="qrcode">

Answer 2

希望对你有帮助：

http://devework.com/weixin-qrcode-bug.html

Answer 3

这篇文章详细说明了微信识别二维码的原理，并且给出了非常具体的建议：

网页中二维码识别规则

这篇文章的作者是微信团队成员，做微信相关开发的同学一定要关注哦~

Answer 4

<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0,user-scalable=no"/>

注意下meta 标签 viewport的content

Answer 5

关于这个问题 我遇到的使用场景是h5
我的解决方法是做一张640*1008的图然后中间放二维码。
识别率99.99999
注：可定制css的h5

Answer 6

我遇到的是原来的二维码使用背景的方式，是识别不了的，意思就是@red 这位同学讲的截屏方式有冲突，我把它改成img引入方式即可识别。

Answer 7

我按着你的方法在外部加个div效果出来了,可是我得长摁二维码下边的位子才能识别,直接摁二维码不可以

Answer 8

有可能是因为屏幕缩放了，使用了淘宝的flexible就是这样，无解~

Answer 9

二维码在testResult.vue页面，从answer.vue页面跳转到testResult页面，只要如一下修改：
我用的是vue写的项目，我的解决办法：this.$router.replace('/testResult');替换为window.location.href = "域名/testResult";

Answer 10

@CodeDreamfy
即使是屏幕缩放了（使用了meta标签里的scale），也可以实现识别，方案如下：

<!--同一张二维码-->
<!--下面这张 opacity 为 0，隐藏起来，但是实际存在，并且宽为 100%，屏幕有多大就多大-->
<img style="right:0; top:0; height: auto;width: 100%;opacity: 0;position: absolute;" src="二维码图片地址">
<!--下面这张是呈现给用户看的-->
<img src="二维码图片地址" title="qrcode" alt="qrcode">

使用了以上代码之后，就能长按识别二维码了~