qq浏览器扫一扫在哪_苹果浏览器怎么扫一扫


近期,我们正在进行一个项目,该项目的核心功能是利用扫一扫技术来查询对应的信息。由于已有部分二维码已经生成,为了确保兼容性,我们选择了使用网页的扫一扫功能来完成这一任务。

关于此项目的技术背景:我们选择了vue2作为项目的技术栈。热心的同事已经为我们找到了一个网页扫一扫的DEMO,并经过测试,确认在Android和iOS设备上均可正常使用。

该DEMO采用了QRScanner插件来实现扫一扫功能。其工作原理是通过navigator.mediaDevices.getUserMedia来获取用户的摄像头使用权限,以便进行扫码操作。

在我使用自己的苹果11设备进行测试时,一切正常。当我们将该功能部署到服务器,并邀请同事进行扫码测试时,却遇到了一些问题。以下是遇到的问题:

1. 网页扫一扫功能必须通过浏览器打开,不能在微信内置浏览器中使用。如果在微信中打开,将会出现“对不起,未识别到扫描设备”的提示。

2. 部分手机的摄像头设置存在问题,即使使用了facingMode,摄像头仍无法切换到后置模式。

3. 在非手机内置的浏览器中,如QQ、UC、百度等浏览器APP内,有时无法找到扫描设备。

4. 用户体验方面存在较大问题。用户需要在浏览器中打开页面,授权后才能进行扫码操作。

5. 开发过程中需要调试的设备众多,且navigator.mediaDevices.getUserMedia的兼容性较差。

在寻找解决方案的过程中,我们发现了一个名为vue-qr的插件,它不仅支持vue2,还支持vue3。这个插件功能强大,不仅可以生成二维码,还可以扫描、识别二维码,并解析二维码信息。还有一个名为QRCode的git项目,提供了一个HTML版本和一个vue.js版本。

在测试过程中,我们发现如果使用微信内置的扫一扫功能,用户使用起来会更为方便。我们考虑转换思路,采用微信网页开发中的扫一扫功能。这样不仅可以方便用户直接使用微信扫码,还可以简化开发流程,无需再考虑安卓和iOS各种浏览器的兼容性问题。