0

我尝试使用以下代码从 Android 上的 chrome 81 读取 NFC 标签:

<html>
<head>
    <title>NFC</title>
</head>
<body>
    <button onclick="reader()">Scan</button>

    <script>
        function reader(){
            const reader = new NDEFReader();
            reader.scan().then(() => {
                alert("Scan started successfully.");
                reader.onerror = () => {
                    alert("Cannot read data from the NFC tag. Try another one?");
                };
                reader.onreading = event => {
                    alert("NDEF message read.");
                };
            }).catch(error => {
                alert(`Error! Scan failed to start: ${error}.`);
            });
        }
    </script>
</body>

我遇到的问题是它从 nfc 标签中读取条目,但没有像代码建议的那样发出警报,而是尝试将我引导到手机上已安装的应用程序。但是,当我使用使用完整 API 的https://googlechrome.github.io/samples/web-nfc/时,它可以工作并作为数据显示在网页中。主要区别在于我使用通过 chrome://flags 方法启用 NFC API。

在阅读标签之外,我唯一的目标是将内容保存到 sessionStorage 作为一个变量,以供网站的其他部分使用。

提前致谢

4

1 回答 1

1

https://googlechrome.github.io/samples/web-nfc/和您的代码之间的一个重要区别是该演示曾经在其网页中具有原始试用令牌这一事实。

现在,要在 Android 上试验 Web NFC,请启用#experimental-web-platform-featureschrome://flags 中的标志,如https://web.dev/nfc/#use中所述

希望这个标志一旦被运送到网络平台就不需要了。

于 2020-12-16T11:23:19.753 回答