私は Phonegap から始めました。また、iPhone で Phonegap 開発者アプリを使用してアプリをテストしているので、見つけたすべてのコード サンプルを試しました。しかし、どれも機能しませんでした。バーコード スキャナーのテストに Phonegap 開発者を使用する際に問題はありますか?
これは私のindex.htmlです:
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>qr app</title>
</head>
<body>
<p>
<button id="startScan">Start Scan</button>
</p>
<div id="results"></div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
これは私のindex.jsです:
var resultDiv;
document.addEventListener("deviceready", init, false);
function init() {
document.querySelector("#startScan").addEventListener("touchend", startScan, false);
resultDiv = document.querySelector("#results");
}
function startScan() {
cordova.plugins.barcodeScanner.scan(
function (result) {
var s = "Result: " + result.text + "<br/>" +
"Format: " + result.format + "<br/>" +
"Cancelled: " + result.cancelled;
resultDiv.innerHTML = s;
},
function (error) {
alert("Scanning failed: " + error);
}
);
}
Phonegap を介してプラグインを追加してplugin add phonegap-plugin-barcodescanner
から実行phonegap serve
し、ブラウザまたは Phonegap 開発者アプリで開いた後、ボタンを押しても何も起こりません。