H5 扫码 Demo

📷

html5-qrcode

QR 二维码，实时 + 相册双模式
内置 UI，集成最快，兼容性最佳
可直接测试

📊

Quagga2

1D 条码专精：EAN/Code128/UPC
轻量快速，需对准真实条码
可直接测试

⚡

qr-scanner-wechat

微信 WASM 引擎，识别率天花板
小码/污损/反光/远距表现极佳
模拟模式

💬

WeChat JS-SDK

微信原生扫码，体验最佳
零前端资源，需后端签名
含完整代码

方案对比矩阵

维度	html5-qrcode	Quagga2	qr-scanner-wechat	WeChat JS-SDK
识别对象	QR 二维码	1D 条码	QR 二维码	QR + 条码
识别率	★★★★☆	★★★★★ 条码	★★★★★	★★★★★
兼容性	★★★★★	★★★★☆	★★★★☆	★★★☆☆ 仅微信
集成速度	★★★★★	★★★☆☆	★★★☆☆	★★★★☆ 需后端
资源开销	轻量	轻量	~2.5MB WASM	前端零负担
内置 UI	有	无	无	原生 UI