html怎么做NFC读写功能_html Web NFC近场通信读写实现【手册】-html教程-PHP中文网

html本身不能直接做nfc读写，需依赖浏览器web nfc api，仅android chrome v117+稳定支持，须https/localhost环境及用户手势触发，仅支持ndef标签（如ntag213），ios完全不支持。

html怎么做nfc读写功能_html web nfc近场通信读写实现【手册】

HTML 本身不能直接做 NFC 读写——NFC 功能由浏览器通过 Web NFC API 暴露，且目前仅 Chromium 内核的桌面版 Chrome（v89+）和 Android Chrome（v117+）部分支持，iOS / Safari 完全不支持。

Web NFC 只能在安全上下文 + 用户手势触发下使用

必须满足两个硬性条件才能调用 navigator.nfc：

页面运行在 https:// 或 localhost（http:// 域名下会直接报 SecurityError）
所有 NFC 操作（如 watch()、write()）必须由用户显式交互触发，比如 click、tap 事件，不能在 load 或定时器里自动执行
Android Chrome 还要求用户已在系统设置中开启 NFC，并授予网站“NFC”权限（首次调用时会弹出授权提示）

`watch()` 是唯一可用的监听方式，不能主动轮询

Web NFC API 不提供“扫描一次就返回”的同步接口；watch() 是持续监听，直到调用 abort() 或页面卸载。常见错误是以为它像 read() 那样只读一次：

const controller = new AbortController();
navigator.nfc.watch(
  { type: "any" },
  (message) => {
    console.log("收到 NDEF 记录:", message.records);
  },
  { signal: controller.signal }
);
// 必须手动终止，否则一直监听
// controller.abort();

注意：type: "any" 表示监听所有 NDEF 格式卡片；若只读文本，可用 type: "text"，但兼容性更差。

html-ppt-to-pdf

将使用 `

` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF（使用 Playwright + Chromium 原生 PDF 功能）。

下载

`write()` 仅支持 NDEF 格式，且目标设备需处于可写状态

不能写任意二进制数据或低层指令（如 UID、ATQA），只能写标准 NDEF 消息：

写入前需构造 NDEFMessage 实例，包含一个或多个 NDEFRecord
卡片必须是未锁定、支持 NDEF 的 Type 4（如 NTAG213/215/216）或 Type 2（MIFARE Ultralight）标签
写入失败常见原因：NotAllowedError（没用户手势）、SecurityError（非 HTTPS）、AbortError（用户中途移开卡片）、NotSupportedError（卡片不兼容或已满）

简单写文本示例：

button.addEventListener("click", async () => {
  try {
    await navigator.nfc.write(new NDEFMessage([
      new NDEFRecord({ 
        recordType: "text", 
        data: "Hello from Web NFC!" 
      })
    ]));
  } catch (err) {
    console.error("写入失败:", err.name); // 如 "NotAllowedError"
  }
});