2016-10-13 5 views
0

öffnet Ich versuche, meinen eigenen Barcode-Scanner App zu machen. Es sollte wie Snapchat öffnen, was im Grunde nur bedeutet, dass wenn ich die App öffne, der Barcode-Scanner sofort und nicht durch einen Klick auf eine Schaltfläche angezeigt werden sollte. Ich benutze Cordova und Ionics und ich benutze derzeit das Barcode-Scanner-Plugin von Phonegap, die eigentlich gut funktioniert, aber ich kann es nicht einfach durch das Öffnen der App funktionieren. Der Bildschirm wird nur weiß sein. Es funktioniert, wenn ich einen Knopf benutze, aber im anderen Fall nicht.die Barcode-Scanner öffnen, wenn die App

Ich bin neu in Cordova und JavaScript und es würde mir sehr helfen, wenn einige von Ihnen helfen können!

Vielen Dank :)

<!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>

Antwort

0

ich würde vermuten, dass Ihre Skripte nicht vollständig geladen haben, deshalb müssen Sie Scan ausführen(), sobald diese abgeschlossen ist. Eine einfache Möglichkeit, dies zu tun ist ein OnLoad-Attribut zu Ihrem Body-Tag hinzufügen:

<body onload="scan()"> 
+0

Vielen Dank :) Hat gut für mich gearbeitet: 3 – Amiya

Verwandte Themen