标签: webnfc

我想在 iPhone 和 iOS 设备上的 chrome 浏览器或 safari 浏览器中读取和写入 NFC 标签。

根据示例，用法似乎很简单，并且在激活 Chrome 中的实验标志后似乎适用于 Android。Chrome NFC 示例。

但是，我缺少在 iOS 上启用chrome 标志“启用实验性网络平台功能”的选项。

如何激活 iOS 版 Chrome 上的 web-nfc 功能？

我正在尝试让 Web NFC 通过Web NFC API工作，但无法通过以下错误消息：NotAllowedError: NFC permission request denied.

我在 Windows 10 计算机上的 Chrome 89 Dev 上使用它，源代码在本地运行。

我也尝试过互联网上发布的示例，包括Google 示例，但它返回相同的错误。我并不担心它目前处于实验阶段，因为提到这一点确实表明它已经成功通过了必要的测试，包括权限。

我正在使用的 HTML/JS 代码如下，我已经阅读了规范点 9.3，但我无法理解将其编写为代码，因此是否有一个指导算法可以帮助解决这个问题这？

async function readTag() {
  if ("NDEFReader" in window) {
    const reader = new NDEFReader();
    try {
      await reader.scan();
      reader.onreading = event => {
        const decoder = new TextDecoder();
        for (const record of event.message.records) {
          consoleLog("Record type:  " + record.recordType);
          consoleLog("MIME type:    " + record.mediaType);
          consoleLog("=== data ===\n" + …

我正在尝试NDEFReader()在 React 中用于 NFC 扫描/写入。此功能可在 Chrome 81 上使用（您今天可以通过下面的链接在移动设备上的 Chrome 测试版中尝试该功能）。

GoogleChromeNfcSample、 WhatWebCanDoTodayNfc

要启用此功能，您需要进入chrome://flags/并启用Experimental Web Platform features。

问题是我无法在 React 中完成这项工作。我将 create-react-app 与 TypeScript 和控制台输出结合使用：

找不到名称“NDEFReader”

我认为这会导致 webpack 检查。我已经尝试更改 tsconfig.json 中的一些设置，但没有任何效果。有谁知道如何启用实验性 js/ts 编译以启用此功能？