WebApp快捷打包
扫一扫
转到模块插件

敬告：此 DEMO 演示为开放测试页面，仅用于开发者快速测试体验应用功能，请严格遵守开发者协议，了解更多。

♦ JS-SDK 引用方式：

♦ 普通网页 script 方式加载：下载最新版 jsBridge-v20250507.zip，请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库；

♦ js module 方式引用：npm install ym-jsbridge 具体请参考 npm package

摄像头扫码

scan 扫一扫，APP自动处理扫码结果

扫一扫，支持二维码/条码，APP自动处理扫码结果

jsBridge.scan();

scan 扫一扫，自己处理扫码结果

扫一扫，支持二维码/条码，自己处理扫码结果

//如需从相册选择图片识别，请先调用 jsBridge.requestPermissions([ "ReadPhotos" ]) 获取相册权限，不然点击相册按钮不会有任何反应。
jsBridge.scan({
  needResult: true
}, function(code) {
  if (code) {
    alert(code);
  } else {
    alert("扫码失败或取消了扫码");
  }
});

嵌入式 将摄像头扫码 UI 嵌入网页

转到
非独立扫码窗口，摄像头与HTML共存于同一页面，支持连续扫码！

onMenuScan 当点击APP自带的扫一扫按钮时触发 - 需自己处理扫码结果

点击原生标题栏、侧滑边栏、浮动面板等APP自带的扫一扫按钮时触发，可以自己处理扫码结果。

//回调参数 code 返回扫码内容
jsBridge.onMenuScan(function(code) {
  if (code) {
    alert(code);
  } else {
    alert("扫码失败或取消了扫码");
  }
});
alert("已设置，请点击APP自带的扫码按钮试一试。");

识别图片

scanFromAlbum 从相册选图识别二维码

从相册选图识别二维码，APP自动处理识别结果

jsBridge.scanFromAlbum();

scanFromAlbum 从相册选图识别二维码

从相册选图识别二维码，自己处理识别结果

jsBridge.scanFromAlbum({
  needResult: true
}, function(code) {
  if (code) {
    alert(code);
  } else {
    alert("识别二维码失败或取消了识别");
  }
});

scanFromUrl 从图片链接识别二维码

从图片链接识别二维码，APP自动处理识别结果

jsBridge.scanFromUrl({
  imageUrl: "http://www.huiwanka.com/assets/img/qr-test.png"
});

scanFromUrl 从图片链接识别二维码

从图片链接识别二维码，自己处理识别结果

jsBridge.scanFromUrl({
  imageUrl  : "http://www.huiwanka.com/assets/img/qr-test.png",
  needResult: true
}, function(code) {
  if (code) {
    alert(code);
  } else {
    alert("识别二维码失败");
  }
});

全部示例
Copyright © 2025 WebApp快捷打包