问

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

拐久了_618 发布于 2022-11-22 06:28

ios

微信

二维码

android

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

9 个回答

@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">

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

2022-11-22 07:55 回答

黑旦儿

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

2022-11-22 07:55 回答

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

2022-11-22 07:55 回答

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

2022-11-22 07:55 回答

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

2022-11-22 07:55 回答

忄幹_856

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

注意下meta 标签 viewport的content

2022-11-22 07:55 回答

穷朱朱

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

网页中二维码识别规则

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

2022-11-22 07:55 回答

手机用户2502862191
希望对你有帮助：

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

2022-11-22 07:55 回答

ChrisBao
用img标签，单独裁剪出二维码图片并且周围最好不要有乱砸的颜色或形状
```
html<img src="qrcode.jpg" alt="qrcode">
```
2022-11-22 07:55 回答

zj

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签