先泼一盆冷水：Web NFC 这项功能，目前只支持 Android 设备，而且是 Android 8.1 以上版本。浏览器必须是 Chrome（Android 版，桌面版别想了）。同时还要满足 HTTPS 环境、手动触发权限这些硬性要求。门槛不算低。具体怎么一步步搞定？直接往下看。

如果你在 Chrome 里打开某个页面，却看到“不支持 Web NFC 读取”的提示，那多半是卡在了这几道坎上：浏览器没开接口、网站环境不安全、或者设备自身就没准备好。下面我们直接梳理出完整的操作路径，照着走就行。

一、确认设备与系统支持条件

这个前提不用多说——设备物理上得有一个 NFC 模块，而且还得开着。手机系统版本至少要是 Android 8.1（8.0 及以下别想了）。Chrome 必须是用 Android 版本（桌面版 Chrome 当前不支持 Web NFC API）。

• 先到手机「设置」→「连接」或「无线和网络」，找到「NFC」开关，确认它已开启。
• 然后到「关于手机」→「软件信息」，确认 Android 版本是否 ≥ 8.1。
• 最后去 Google Play，把 Chrome 更新到最新版（建议至少 120 版本以上）。

二、启用 Chrome 实验性 Web NFC 标志

有些版本的 Chrome 需要自己手动在实验性功能里打开 Web NFC 接口。这个设置只对本机生效，重启后也保持启用状态，所以不用担心每次打开都要再调一次。

• 在 Chrome 地址栏输入 chrome://flags，然后回车。
• 页面顶部的搜索框里输入 Web NFC。
• 找到「Web NFC API」这一项，右侧下拉菜单选择 Enabled。
• 然后点击页面右下角的「重启」按钮，让变更生效。

三、确保网站运行于安全上下文

Web NFC API 有个强制性的安全门槛——页面必须跑在 HTTPS 或者 localhost 环境下。如果你试图用 HTTP 或者 file 协议去构造 NDEFReader，浏览器会毫不客气地扔出一个 SecurityError。所以这一步必须提前解决。

• 本地开发时，地址必须是 http://localhost:端口号 或 https://127.0.0.1:端口号。
• 如果上线部署，务必配上有效的 SSL 证书。地址栏前面得能看到锁形图标和 https:// 前缀。
• 千万别用 file:// 这种协议去测试，也别用非标准端口（比如 8080 之外的未备案端口）加载测试页。

四、手动触发用户权限授权

Web NFC 不是随随便便就能调用的。权限只能通过用户主动交互（比如点一下按钮）来触发请求，而且只在第一次访问时弹出系统级授权对话框。如果页面一加载就试图直接调用 scan()，浏览器会默默拒绝。

• 在网页里加一个可见的按钮，比如：启动 NFC 扫描。
• 给这个按钮绑定点击事件，事件处理函数里执行 new NDEFReader().scan()。
• 用户点击后，Chrome 会弹出「允许此网站使用 NFC？」的提示，必须选择 允许。
• 授权成功后，将设备贴近 NFC 标签（距离不超过 4cm）。如果界面没有任何反馈，可以先检查标签是否可读。

五、验证 Web NFC 接口可用性

在实际调用之前，最好通过 Ja vaScript 确认全局对象里是否存在 NDEFReader 这个构造函数。这一步非常关键：如果直接实例化而忽略了检测，很可能导致脚本中断。

• 在页面的 script 标签里插入这段检测代码：if ('NDEFReader' in window) { console.log(' Web NFC 可用'); }。
• 打开 Chrome 开发者工具（F12）→「Console」面板，刷新页面，确认输出的是 提示。
• 如果输出的是 或者报错 ReferenceError: NDEFReader is not defined，说明前面某个环节还没到位。
• 别还没检测就直接 new NDEFReader()，那样会直接引发运行时异常。

《夸克》非常好用的免费AI浏览器

下载APP查看