WebViewGold 文档 · Android
🇨🇳 中文
获取 WebViewGold

ML Kit Document Scanner (PDF)

Add a Scan document option to the file upload dialog — the user scans up to 5 pages and your web app receives a PDF like any other upload.

文档扫描仪功能在标准文件上传选择器中添加了一个扫描文档选项。用户最多可以用相机扫描 5 页;应用会生成一个 PDF,并通过您的 Web 应用使用的标准 <input type="file"> 流程上传。它由 Google 的 ML Kit 文档扫描仪提供支持。

如何启用:

Config.java 中开启该功能:

public static final boolean ENABLE_ML_KIT_DOCUMENT_SCANNER = true;

设置为 false 以隐藏扫描文档条目。

用户体验:

  1. 在您的网页上,用户点击 <input type="file">
  2. 应用会显示一个上传对话框,其中包含扫描文档拍照录制视频从图库选择等条目(具体取决于输入的 accept 属性)。
  3. 点击扫描文档会启动 Google 的 ML Kit 扫描仪:它会检测边缘、裁剪并增强每一页,允许添加更多页面,并返回一个 PDF。
  4. 生成的 PDF 会被送回 <input type="file"> — 您的 Web 应用会像接收任何其他上传文件一样接收它。

说明: 需要 Google Play 服务(在所有安装了 Play Store 的标准 Android 手机上均可用)。结果格式为 PDF,每次扫描最多 5 页。扫描仪内的图库导入默认允许。

SDK 风格的实现说明

将此功能视为向 Web 层公开的原生能力:将生产网站或 PWA 作为唯一可信来源,然后使用文档中的 WebViewGold 配置标志、URL 命令和 JavaScript 桥接调用,仅在能够带来价值的地方启用原生 Android 行为。这种方式让代码库易于维护,因为同一个 Web 应用只需极少的条件逻辑即可同时服务于浏览器、WebViewGold for Android 以及其他 WebViewGold 平台。

为获得可靠的结果,建议优先使用 HTTPS 端点、稳定的路由名称、在界面中明确的成功/错误状态,以及封装原生调用的小型 JavaScript 辅助函数。例如,使用 jQuery Mobile、Lovable、Base44、Bolt、WordPress、Bubble、自定义 React/Vue/Angular 技术栈或静态 HTML 构建的 Web 应用,可以提供单个按钮或事件处理程序来触发原生 WebViewGold API,同时仍为浏览器提供优雅的回退方案。

  • 推荐的集成模式:检测应用上下文,调用 WebViewGold API,然后在原生回调或路由变更后更新 Web 界面。
  • 测试清单:在真机或打包构建上验证该功能,检查权限和商店审核文案,并确认仅使用浏览器的用户仍能获得有用的回退方案。
  • SEO 优势:让功能页面、路由标题和结构化内容在您的网站上保持可被索引,同时由 WebViewGold 为 Android 用户提供原生应用外壳。

太忙了?我们替您搭建应用。

我们的团队为您配置、构建并提交 WebViewGold 应用——全程代劳、交付迅速、德国制造。

让我们搭建应用 →

在浏览器中构建

无需 Mac、无需 IDE:WebViewGold Cloud Builder 在线为您配置、构建并上传应用。

了解 Cloud Builder →