IOS手机长按图片无法弹出识别二维码

  • 在 h5 中长按图片二维码会弹出识别结果,有保存、分享、以及二维码中包含的跳转链接等,会引导我们点击跳转。当小程序中使用 web-view 嵌套时,该图片亦能长按识别。
  • 以上功能在安卓上没有问题,但是在 ios 上,就会可能出问题。因为 ios 系统长按图片会提供特有的支持服务。此时 ios 系统提供的图片服务并不具备识别二维码的功能,而且其还覆盖了原有 h5 提供的长按图片服务,使用户不能享受原有的识别二维码点击链接跳转的功能。
  • 我们可以禁用掉 ios 提供的系统图片处理服务,显示原有微信公众号提供长按图片服务,这是我目前知道的方法。

-webkit-touch-callout 禁止长按链接与图片弹出菜单
我们可以在目标图片上绑定该样式,或者在页面最外层绑定该样式。注意,此时安卓和 ios 都会生效。

img {
  -webkit-touch-callout: none;
}

在这里插入图片描述

  • 另外,在多个二维码出现在同一屏幕上是,会出现识别问题,比如识别底部二维码,显示的确实顶部上面的二维码的结果。
  • 这和微信识别图片区域和偏移距离有关,你长按的图片可能不是系统识别的图片,所以尽量不要在同一屏幕上展示多个二维码进行识别操作。参考链接
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值