【微信h5大坑】IOS长按二维码没反应解决办法

上一张图,表达此时内心的心情

微信,忘却难免留个疤

正文开始:

客户需求
点击关注按钮展示弹层,弹层展示二维码,长按二维码关注。

问题情况
把功能做上去以后做测试的时候发现安卓下可以正常识别,但是IOS却毫无反应。百度了一万年没有找到解决方案。其实是有解决方案的,只是网上的解决办法说得太死。

终于发现问题
百度搜索结果中有一种说法,大概意思是:长按识别二维码的时候,微信对二维码的识别位置有偏差,于是对着整个页面弹层的位置(需求是做到弹层上的)挨个长按,最终发现识别区域位于二维码图片右下方,大概半个图片大小的位置(不精确)。

解决办法

1.  给二维码图片的父层div加一个背景图,此图就是二维码图片;
2.  把二维码img相对定位(position:relative;),往左上角移动,left跟top值需要慢慢调,确保父层div背景图的四个角都能识别二维码;
3.  二维码img设置opacity:0;隐藏;
ps: 这里可能需要做iphone plus的媒体查询兼容:@media (-webkit-device-pixel-ratio:3);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,901评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,334评论 4 61
  • “梦想在什么地方 总是那么令人向往 我不顾一切走在路上 就是为了来到你的身旁 一直往南方开一直往南方开·····...
    安然追梦阅读 4,728评论 0 0
  • 长身玉立, 轻执折扇, 宛若画中仙。 红衣似火, 墨发如瀑, 恰似梦中人。 郎才。女貌。 风起。花落。树下。二人。...
    修帕斯酱阅读 3,561评论 0 0