Android上的PhoneGap NFC阅读器检测标签但不在屏幕上显示内容

时间:2014-05-24 07:59:25

标签: javascript android html cordova nfc

我正在尝试使用PhoneGap开发一个程序。我想扫描并显示扫描卡中的标签ID。

当通过build.phonegap.com构建和部署应用程序并与标签接触时,设备会振动但屏幕上没有显示任何内容。谁能告诉我我做错了什么?

function ready() {

    function onNfc(nfcEvent) {

        var tag = nfcEvent.tag;
        var tagId = nfc.bytesToHexString(tag.id);
        navigator.notification.alert(tagId);
        var y=document.getElementById("rand");
        y.innerHTML = tagId;

    }

    function win() {
        console.log("Listening for NFC Tags");
    }

    function fail(error) {
        alert("Error adding NFC listener");
    }


    nfc.addTagDiscoveredListener(onNfc, win, fail);
}

function init() {
    document.addEventListener('deviceready', ready, false);
}

HTML:

<!DOCTYPE HTML>
<html>
  <head>
    <meta name="viewport" content="width=320; user-scalable=no" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Scan NFC</title>
      <link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title" />
      <script type="text/javascript" charset="utf-8" src="phonegap-1.0.0.js"></script>
      <script type="text/javascript" charset="utf-8" src="phonegap-nfc-0.4.1.js"></script>
      <script type="text/javascript" charset="utf-8" src="main.js"></script>
  </head>
  <body>
 <p>Please scan NFC tag</p>
 <p id="rand"></p>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

我认为您main.js具有init功能,依此类推。

你需要的唯一的事情就是在你main.js调用函数init

之后添加
<script type="text/javascript" charset="utf-8" src="main.js"></script>
<script type="text/javascript"> init(); </script>