真的是无力吐槽微信的坑真的多把人能呕死，做了个公众号开发一大堆的坑

希望你看完每个字

分享一下ios微信长按无法识别二维码的问题

在网上找了一大堆的处理方式说增加img 的padding、设置缩放的、还有说图片大小的问题、我扫码图片就是从服务号弄下来的。最后还是没用。

然后我就研究了一下到底为啥

测试流程

这个做了一天的测试才发现测试流程的效果

复制可以识别二维码的公众号地址

没有修改前

复制不可以识别的地址

复制一下你的链接就知道为啥了

问题原因

1、链接错误出现这个问题的原因

是因为微信内置浏览器对 history 的支持不够全面

所以对于开启了 History Mode 的 SPA 应用，只会保存第一条 url

只要每个页面都刷新一次，严格的说不能是简单的刷新，需要用 location.replace 刷新页面，就能解决该问题

2、链接错误和二维码识别有什么关系呢

其实这个我也不明白为啥、反正知道这样能解决问题增加识别二维码的次率、应该就是微信处理的时候会去检测链接吧

证明一点就是和图片、识别位置都没什么关系我都照做了、只要复制出来的链接是不是当前路由链接没用。

解决方案

解决方案肯定就是处理window.location链接问题

我用react写的不过不管用什么写都一样的思路

 if (pathname.includes('/user/followWeChat') && !window.location.href.match('#time')) {setTimeout(window.location = window.location + "#time", 500);}

上述操作的监听你的路由变化到扫码界面后进行设置当前location为当前location处理url变化

为了防止死循环新增一个#time参数下次再执行携带参数不会走这个里面

以上操作完成后已经增加了很大的识别空间

会存在一个问题就是还是会偶现加载完成无法识别的问题、但是刷新一下就好了

做一个界面刷新、万一用户无法识别点击刷新、目前测试百分之百可以识别

有问题疑问请留言

送上一波福利

微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取

微信iOS长按无法识别二维码相关推荐

uniapp 对富文本中的图片预览及长按图片识别二维码/保存图片
uniapp 对富文本中的图片预览及长按图片识别二维码/保存图片富文本一定要使用uniapp提供的<rich-text>标签,不要使用 v-html 因为<rich-text> ...
webview长按图片识别二维码
webview长按图片识别二维码第一次写博客,主要是做这个功能是临时让加的功能,当时一头雾水,就想着用zxing,但是具体怎么做也不太清楚,然后就查了很多资料,所以在此记录一下. 导入zxing包 ...
微信小程序：长按图片识别二维码
方法一:使用小程序提供的image组件,image组件上有一个show-menu-by-longpress的属性,设置为true,当image被长按时会弹出选择菜单 <image show-me ...
前端页面中iOS版微信长按识别二维码的bug
问题描述: H5首页banner图,在安卓微信内长按可识别二维码,但在ios部分机型上,长按图片识别不了二维码. 测试机型: iphone6s plus 系统12.1 微信版本6.7.4 iphone ...
IOS长按识别二维码失败
IOS长按不识别二维码,出现放大图片的问题解决. CSS加入样式: touch-callout: none; -webkit-touch-callout: none; -ms-touch-callou ...
长按安卓可以识别二维码ios无法识别的原因
在做项目时出现了安卓微信长按可以识别二维码而IOS微信长按无法识别,在网上搜了很多办法,例如:图片太大或太小,与标题直接间距,二维码底部留一个200px左右透明空白区等等,都试过了没用,后来搜到一篇I ...
(补充)微信长按识别二维码 -- 页面多个二维码如何识别？（二）
基于上一篇微信长按识别二维码 -- 页面多个二维码如何识别? )在部分设备上,如果图片非常多,还是会出现识别错误的bug(主要是二维码显示一半或居于底部时),修改了识别流程,改为点击图片弹窗,然后长按 ...
uniapp 微信小程序长按识别二维码，跳转小程序、个人微信
前言: 业务要求是小程序放一个二维码图片,长按可以识别二维码,进而识别出个人微信,添加个人微信:我们可以通过uni.previewImage(OBJECT)或者wx.previewImage(Obje ...
微信小程序webview识别二维码长按点击识别二维码
场景:微信小程序,使用webview控件.需求:点击图片后长按图片出现"识别二维码" 1.JS代码: <script src="http://res.wx.qq.c ...

微信iOS长按无法识别二维码