javascript - 使用ZXing条码扫描仪将网页上的条码读取到表格中

Question

我想将扫描结果发送到网页上的文本字段。我已经完成了所有工作，需要从新 URL 中提取 {CODE} 并将其发送到页面。 (按照此处的说明进行操作:https://github.com/zxing/zxing/wiki/Scanning-From-Web-Pages)

我遇到了两种几乎可以实现我想要的目标的解决方案，但还不够，我会解释原因。

解决方案 #1:使用 cookie Link

行为:

1. 扫描后，打开新选项卡，列出扫描的代码并为用户提供确认或放弃结果的选项。
2. 确认后，使用 Cookie 将代码移植回原始页面。

为什么它对我不起作用:

1. 我想跳过确认页面。如果扫描不正确，用户将重新扫描。
2. 需要互联网连接才能加载新页面。如果可能的话，我希望该解决方案能够离线兼容(很像合适的 USB 条形码阅读器)。

解决方案 #2:使用 hashchange Link

行为:

1. 使用 URL 哈希值的更改来捕获代码。

为什么它对我不起作用:

1. 根据我自己和其他人的经验，此解决方案不适用于 Android 版 Chrome。

有没有办法收集扫描的代码(通过从网页调用条形码扫描仪应用程序启动)并将其填充到该页面上的表单中，理想情况下不会弹出其他窗口或需要互联网连接？

请注意:我是新手。 PHP完全超出我的能力范围，我不知道如何建立数据库，我只知道AJAX的基础知识。因此，非常感谢彻底的解释。

感谢您的帮助，

安德鲁

Answer 1

编辑:参见https://stackoverflow.com/a/29931389/1182988获取更多最新答案。

我已经在 Android 2.2 到 5.01 中使用这个小代码 fragment 成功执行了数万次。它在默认浏览器和 Chrome 中运行良好。它在 Firefox 中不起作用；我仍在调查原因。

window.onhashchange=function(){
        var hash = window.location.hash.substr(1);
        if (hash != "") {
            window.location.hash = "";
            processBarcode(unescape(hash));
        }
}
function processBarcode(code){
    //do what you need here.
}
function getScan(){
    var href = window.location.href;
    var ptr = href.lastIndexOf("#");
    if (ptr > 0) {
        href = href.substr(0, ptr);
    }
    window.location.href = "zxing://scan/?ret=" + escape(href +    "#{CODE}");
}