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

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

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

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

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

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

微信长按图片无法弹出识别二维码选项解决方案
1.首先页面中有两个二维码的兄弟别忙活了,一个页面中只可以识别其中一个二维码,两个的话需提示用户双击放大二维码进行二维码识别. 2.网页内有一张图片进行二维码识别时长按没有反应(长按图片无法弹出识别二 ...
CSS 网页弹出微信二维码
1.在HTML中添加需要弹出的位置在需要展示二维码的地方添加如下代码,其中标签内容可以根据需要修改成图片等.例如"查看我的微信". href="javascript:& ...
CSS实现鼠标经过网页图标弹出微信二维码
特点 1.纯CSS实现二维码展示功能,减少加载JS: 2.使用CSS3 transform 属性: ## 第一步在需要展示二维码的地方添加如下代码,其中<a>标签内容可以根据需要修改成图 ...
微信小程序-预览图片识别二维码
wx.getImageInfo(Object object) 获取图片信息.网络图片需先配置download域名才能生效. 测试图片地址:http://mmbiz.qpic.cn/mmbiz_png/ ...
使用JS调用手机本地摄像头或者相册图片识别二维码/条形码
接着昨天的需求,不过这次不依赖微信,使用纯js唤醒手机本地摄像头或者选择手机相册图片,识别其中的二维码或者是条形码.昨天,我使用微信扫一扫识别,效果超棒的.不过如果依赖微信的话,又怎么实现呢,这里介绍 ...
前端页面中iOS版微信长按识别二维码的bug
问题描述: H5首页banner图,在安卓微信内长按可识别二维码,但在ios部分机型上,长按图片识别不了二维码. 测试机型: iphone6s plus 系统12.1 微信版本6.7.4 iphone ...
iOS二维码识别/二维码生成
文章目录前言扫一扫识别二维码图片长按图片识别二维码图片生成二维码图片代码完善识别二维码图片优化小结前言最近在做一个关于二维码的组件,已发布,现总结下. 开发的APP所需支持的最低版本 ...
移动端（ios and android）长按识别二维码（含js与原生互调）
这篇文章就整理下移动端长按识别二维码的实现吧!实现方式可以分为三种一.长按原生控件,直接获取控件中的图片数据(src或background) 二.长按原生控件,截图识别三.长按web中的图片,ap ...
IOS长按识别二维码失败
IOS长按不识别二维码,出现放大图片的问题解决. CSS加入样式: touch-callout: none; -webkit-touch-callout: none; -ms-touch-callou ...

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

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

最新文章

热门文章