今天做项目的时候遇到一个意想不到的问题。
手上的项目页脚有两个二维码，按其中一个二维码进行识别，可是实际情况是，按其中任意一个二维码都识别的同一个，上网查资料才发现这得从微信二维码识别机制说起；
微信基于性能考虑，二维码识别是截屏识别；那么这就能解释得通为什么只能识别其中一个了；那么就有了以下三种解决方案：
- 新建一个二维码大小的方块进行遮挡，根据屏幕宽度判断点击位置，切换方块的left值；（经测试IOS依然会出现只识别第一个）。
- 把背景图做成三张图，其中一张有完整的两个二维码，另外两张各一个二维码，由于是集成到背景图上的，利用JS切换img标签src属性就可以了，且不用写多余的样式；
- 把二维码从背景图分离，把二维码定位到相应的位置，按其中一个时隐藏二维码；
最终采用了最后一种方法，原因是要区分触摸和长按，不过做了长按延时后，不能弹出二维码识别弹窗了，这又是另外一个坑，现在还没找到解决办法，忘知道的同学告知，不胜感激！！！
网友评论