打开应用程序时打开条码扫描器答案

【问题标题】：Open the barcode scanner when opening the app打开应用程序时打开条码扫描器
【发布时间】：2016-10-13 15:42:20
【问题描述】：

我正在尝试制作自己的条形码扫描仪应用。它应该像 Snapchat 一样打开，这基本上意味着当我打开应用程序时，条形码扫描仪应该立即显示，而不是通过单击按钮。我正在使用 Cordova 和 Ionics，我目前正在使用 Phonegap 的条形码扫描仪插件，它实际上工作正常，但我无法通过打开应用程序使其工作。屏幕只会是白色的。当我使用按钮时它可以工作，但在其他情况下则不行。

我是 Cordova 和 JavaScript 的新手，如果你们中的一些人能提供帮助，这将对我有很大帮助！

非常感谢:)

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <title></title>

  <link rel="manifest" href="manifest.json">
  <link href="lib/ionic/css/ionic.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">

  <!-- ionic/angularjs js -->
  <script src="lib/ionic/js/ionic.bundle.js"></script>

  <!-- cordova script (this will be a 404 during development) -->
  <script src="cordova.js"></script>

  <!-- your app's js -->
  <script src="js/app.js"></script>
  <script src="js/controllers.js"></script>
  <script src="js/services.js"></script>

  <script type="text/javascript">
    function scan() {
      console.log("clicked");
      cordova.plugins.barcodeScanner.scan(function(result) {
        //success callback
        alert(JSON.stringify(result));

      }, function(error) {
        //error callback
        alert(JSON.stringify(error));

      });
    }
  </script>
</head>

<body ng-app="starter">
  <div class="bar bar-header">
    <button class="button icon ion-navicon"></button>
    <h1 class="title">Header Buttons</h1>
    <button class="button">Edit</button>
  </div>
  <ion-content class="has-header">
    <!--<button class="button button-positive" onclick="scan()">Click here to scan</button>-->
    <script type="text/javascript">
      scan();
    </script>
  </ion-content>
</body>
</html>

【问题讨论】：

标签： javascript android html cordova

【解决方案1】：

我猜你的脚本还没有完全加载，因此你需要在完成后运行 scan() 。一个简单的方法是在你的 body 标签中添加一个 onLoad 属性：

<body onload="scan()">

【讨论】：

非常感谢 :) 对我来说工作得很好：3