在H5案例中，一屏我们都只添加一个二维码，不会添加更多。原因是，增加多个二维码，只识别屏幕中第一个二维码。这是为什么呢？

前端的同学肯定试过多种方法，例如：改变HTML5的代码结构，或者更多五花八门的验证测试，统统无效。

其实，这和微信的识别二维码的逻辑有关。微信采用的逻辑是截屏识别。详细解释一下，当客户端发现用户长按屏幕中的img标签的图片时，会立刻截屏，并启动二维码识别算法。所以，用户二维码识别的图片是截屏，而不是大家开始认为的，img标签中的图片。

采用截屏识别，最大的好处是减少用户的等待时间。

那为什么有些屏幕内，只有一个二维码，还是无法识别呢？

原因是：

1. 二维码尺寸，太小，或者过大

2. 二维码周围太复杂，不好识别

建议：

1. 二维码大小为当前屏幕宽度的1/2左右，较为佳

2. 二维码图片周围适当留白

本文参考，腾讯的技术同学杨茂巍（微信号：tencentmm）