二维码扫描Web实现方案

二维码的 Web 扫描方案,前端用起来挺顺的,不用跳原生、不依赖 App,纯 H5 就能搞定扫码。适合做商城、活动页那种微信打开的场景,兼容性也还不错。

用的是HTML5 + JavaScript方案,调用摄像头搞定扫码逻辑。你只要配好权限、加个video标签,再套上个库,比如Zxing或者jsQR,几行代码就能跑起来:

navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' } })
  .then(stream => video.srcObject = stream);

响应也快,扫码速度还蛮靠谱的。要注意的是,HTTPS必须要开,不然getUserMedia直接罢工。iOS 12+和主流安卓基本都能用,就是权限弹窗别忘了。

你如果想搞个 Demo 看看效果,可以戳下面这几个:

如果你想集成到老系统里,建议先测下机型兼容,尤其国产浏览器。微信里用效果还不错,如果你做的是公众号相关的,还挺推荐试试。

zip 文件大小:102.96KB