Web NFC NDEF 消息构建器 - 写入与读取标签
构造文本、URL、MIME 等 NDEF 记录并写入 NFC 标签,同时可读取解析标签内容,适合现场调试。
UD5工具箱
基于 Web NFC API 的交互式演示工具 — 支持模拟扫描与真实 NFC 读取(需 Android Chrome 89+)
检测 API 支持中... 模拟模式NFC(Near Field Communication,近场通信)是一种短距离无线通信技术,通常在 4 厘米以内 工作,频率为 13.56 MHz。它允许电子设备之间进行非接触式点对点数据传输。
常见应用场景:
Web NFC API 允许 Web 应用在支持的设备上读取和写入 NFC 标签。它使用 NDEFReader 和 NDEFWriter 接口。
浏览器支持情况(截至 2025 年):
要求:HTTPS 连接 + 用户手势触发 + Android 设备 NFC 硬件
NDEF(NFC Data Exchange Format)是 NFC 论坛定义的数据格式标准。每个 NDEF 消息包含一条或多条 NDEF 记录。
每条 NDEF 记录包含:
常见 TNF 类型:
基本代码示例:
// 检测支持
if ('NDEFReader' in window) {
const reader = new NDEFReader();
// 开始扫描(需用户手势触发)
await reader.scan();
// 监听读取事件
reader.addEventListener("reading", ({ message, serialNumber }) => {
console.log("标签序列号:", serialNumber);
for (const record of message.records) {
console.log("记录类型:", record.recordType);
console.log("数据:", record.data);
}
});
reader.addEventListener("readingerror", (e) => {
console.error("读取失败:", e);
});
}
⚠️ 注意:scan() 必须在用户手势(如点击按钮)的回调中调用,否则浏览器会拒绝。
NFC vs RFID:
NFC 标签存储容量:常见 NFC 标签(NTAG 系列)容量从 48 字节到 888 字节不等。NTAG215(504 字节)和 NTAG216(888 字节)是最常用的类型。对于 URL 和文本等简单应用完全足够。
NFC 的安全特性:
潜在风险:
💡 建议:扫描未知 NFC 标签后仔细检查 URL 再打开;对敏感标签使用密码保护或加密。
构造文本、URL、MIME 等 NDEF 记录并写入 NFC 标签,同时可读取解析标签内容,适合现场调试。
测试浏览器通知权限和弹出,自定义标题、正文及图标,发送系统桌面通知,调试推送。
生成通过Luhn算法校验但无实际金钱的卡片号码,附带有效日期供开发测试。
说出特定指令来操控虚拟卡牌出牌或触发效果,体验语音交互娱乐。
使用CTAP2模拟器或安全密钥在浏览器中体验无密码注册与认证流程。
粘贴SSH公钥,生成对应的OpenSSH randomart视觉指纹图和指纹字符串。
生成带有焦点陷阱、ESC 关闭和背景遮罩的无障碍模态弹窗代码。
上传 OpenAPI 描述文件,自动生成符合定义的模拟 JSON 响应,支持选择不同端点。
调用联系人API列出可用联系属性,选中后显示(需环境支持)。
在支持的浏览器上弹出通讯录选择器,获取姓名、电话、邮箱等信息,体验联系人API。
交互式向栈(后进先出)或队列(先进先出)添加删除元素,演示数据流变化。
生成RSA/EC对称密钥的JWK表示,支持复制导出,用于OAuth2/JWT的密钥配置。
选择本地音频文件,解绘制完整的静态波形图,便于观察响度变化。
拖拽服务、网络和卷,直观构建docker-compose.yml,并可导出文件,降低容器编排门槛。
配置Launch Handler使PWA应用在重复点击时聚焦到已开窗口,而不是新建窗口。
利用Web Speech API将语音实时转换为文字,支持多语言识别,输出结果可复制编辑。
播放音频或使用话筒,实时绘制波形与频谱,前端音频可视化演示。
拖拽式组装姓名、职位、Logo和社交媒体链接,生成兼容各大邮件客户端的HTML签名。
上传 JSON 格式题库,随机抽取指定数量题目生成在线测验,自动评分和解析。
以手机框架包裹当前网页视图,可调宽高,模拟实际移动端显示效果。
构建一个虚拟的登录窗,演示SQL注入登录绕过,并展示参数化查询如何防范。
输入域名和证书公钥哈希,模拟HPKP策略的配置与验证过程,理解其工作原理。
在二维平面上点击生成数据点,调节Eps与MinPts参数,实时查看DBSCAN聚类结果与噪点识别。
生成简单数字或字母验证码图片,带干扰线和噪点,适合前端原型测试,不依赖服务端。
创建或加入一个WebRTC直连房间,与对方直接发送文本消息,无需服务器中转。
生成随机的姓名、邮箱、地址、电话等用户信息,支持自定义字段和批量输出JSON数组,用于测试填充。
在画布上放置并连接与、或、非门,切换输入观察输出。
拖拽滑块改变CIDR后缀,直观显示划分出的子网范围、主机数和广播地址。
上传名片图片,前端模拟解析姓名、电话、公司字段,演示视觉识别流程(模拟数据)。
在PWA环境中设置和清除应用图标上的数字角标,演示Badging API的简单用法。