web nfc api需chrome 89+安卓版、https安全上下文、用户手势触发及设备nfc开启；不支持桌面版chrome、ios及非ndef格式标签。
如果您在Chrome for Android中尝试使用Web NFC API读取NFC标签，但页面无响应或提示不支持，则可能是由于浏览器版本过低、未启用HTTPS、设备NFC硬件关闭或缺少用户手势触发。以下是开启并测试网页端Web NFC功能的具体操作步骤：
一、确认设备与浏览器兼容性
Web NFC仅在具备物理NFC芯片的Android设备上可用，且必须运行Chrome for Android 89及以上版本。桌面版Chrome及所有PC浏览器完全不支持该API，这是由硬件缺失导致的固有限制，无法通过设置绕过。
1、打开手机“设置”→“关于手机”→连续点击“版本号”七次，启用开发者选项。
2、返回“设置”→“系统”→“开发者选项”，确认“NFC”开关已开启。
3、打开Chrome浏览器，在地址栏输入 chrome://version，查看版本号是否 ≥ 89。
4、访问 https://googlechrome.github.io/samples/web-nfc/ 官方示例页，验证基础功能是否可用。
二、确保网页运行于安全上下文
Web NFC API强制要求页面处于HTTPS协议下，包括本地开发环境也必须使用localhost（Chrome将其视为安全上下文），任何HTTP协议或非localhost的HTTP地址均会直接禁用NDEFReader构造函数。
1、若部署在服务器，请为域名配置有效SSL证书，确保地址栏显示锁形图标。
2、若本地开发，使用 http://localhost:8080 或 https://127.0.0.1:3000 启动服务，禁止使用 file:// 协议直接打开HTML文件。
3、在网页中执行 console.log('NDEFReader' in window)，返回 true 才表示环境满足基本安全要求。
三、手动触发NFC扫描权限申请
浏览器不会自动启动NFC监听，必须由明确的用户手势（如点击按钮）触发 requestPermission() 或 scan() 调用，否则将抛出 SecurityError 异常。
1、在HTML中添加一个按钮：。
2、绑定点击事件，在回调中初始化NDEFReader并调用 scan()：
3、首次运行时，系统会弹出权限请求对话框，需用户手动点击“允许”。
4、若拒绝授权，后续调用 scan() 将静默失败，需引导用户前往“网站设置”→“NFC”中手动开启。
四、启用Chrome远程调试定位问题
当NFC读取无响应时，真机无法直接查看完整控制台日志，必须通过Chrome DevTools连接设备进行实时调试，捕获reading、readingerror等事件细节及异常堆栈。
1、手机开启“USB调试”，用原装数据线连接电脑。
2、PC端Chrome访问 chrome://inspect/#devices，勾选“Discover USB devices”。
3、在手机Chrome中打开目标网页，网页标题将出现在设备列表中，点击“inspect”进入调试面板。
4、在Console中执行 navigator.nfc?.addEventListener('reading', console.log)，验证事件监听器是否注册成功。
五、验证NFC标签可读性与格式
并非所有NFC标签都兼容Web NFC；仅支持NDEF格式的Type 1–5标签，且需为可读状态。部分加密卡、门禁卡、公交卡因采用专有协议（如MIFARE Classic）或硬件级锁定，无法被Web API识别。
1、使用第三方APP（如NFC Tools）先读取标签，确认其记录类型为“URL”或“Text”，且状态显示“Read success”。
2、避免使用金属背板或厚硅胶壳包裹的手机，NFC信号易被屏蔽，建议裸机贴近标签中心区域（距离≤4cm）。
3、若标签写入过自定义MIME类型或二进制负载，Web NFC可能因解析失败而忽略该记录，应优先测试标准URL文本写入标签。
