jquery - 使用 phonegap 和 html5 和 jquery 的 Web 应用程序的条形码扫描仪

Question

我正在尝试开发一个针对 IOS、Android、Windows 等不同平台的 Web 应用程序。对于这个我使用 html5、CSS3 和 jquery 和 phonegap。我已经搜索了一个可用于 phonegap 的代码，但是当我在 android 上尝试时它不起作用。你能帮我么。

Answer 1

好吧...既然您没有说具体是什么不起作用...我将只介绍一般步骤...

第 1 步 .... 使用此https://github.com/phonegap/phonegap-plugins/tree/master/Android/BarcodeScanner

步骤 2.... 按照自述文件中的说明进行操作。

第 3 步.... 如果您想实际测试扫描仪以确保其正常工作。您可以创建一个按钮来开始扫描...

在 index.html 中放置某处：<button id="scan" style="padding: 10px;">Scan!</button>

然后在 index.html 上的 javascript 中（或者任何真正包含在 index.html 中的地方）放：

<script type="text/javascript">
    app.initialize();
    function init(){
        $("#scan").click(function(){
            console.log("I am now scanning");
            window.plugins.barcodeScanner.scan( function(result){
                alert("We got a barcode\n" +
                "Result: " + result.text + "\n" + 
                "Format: " + result.format + "\n" + 
                "Cancelled: " + result.cancelled);
            }, function(error){
                alert("Scanning failed: " + error);
            });
        });
    }
</script>

另外请注意，我在执行此操作时使用的是 jquery$("#scan").click(...

按照自述文件中的步骤，我能够让它工作......所以如果它仍然不起作用......澄清它