Web NFC 写入演示 - 向 NFC 标签写数据
使用 NDEF 格式向 NFC 标签写入文本、URL 或自定义记录。
UD5工具箱
Web NFC — 通过浏览器读取和写入NFC标签
数据类型
点击后将设备靠近NFC标签完成写入
点击下方按钮开始扫描
然后将设备靠近NFC标签
暂无操作记录
navigator.permissions或检测NDEFReader来判断浏览器兼容性。
使用 NDEF 格式向 NFC 标签写入文本、URL 或自定义记录。
使用 Web NFC 读取附近标签的 NDEF 消息,展示每条记录的类型和内容。
输入文本,在不同Unicode规范化形式(NFC, NFD, NFKC, NFKD)间转换,显示码点。
使用现代浏览器文件系统访问API打开、编辑并保存本地文件,演示权限流程。
使用不同 font-display 值加载自定义字体,展示未字体下载时的文字显示行为。
捕获屏幕或摄像头,录制视频并设置码率等参数,最终下载文件。
展示 navigator.connection 提供的有效连接类型(4g/3g/2g)、下行速度和往返时间。
生成由易读单词和数字组成的密码短语,大小写清晰,避免混淆字符,方便语音传达或抄写。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
输入长 URL,通过 TinyURL 或类似 API 生成短链接,并可复制或生成 QR 码。
粘贴JWT,自动Base64解码并显示明文Header和Payload。
利用浏览器原生API录制屏幕共享或窗口,选择音频源,导出为WebM视频。
可视化演示固定窗口、滑动窗口、令牌桶等常见限流算法,实时请求计数与拒绝逻辑。
将文本以每次一个单词且强调中心字母的方式高速显示,训练快速阅读。
粘贴 Prometheus 指标文本,解析为结构化表格,并支持基本过滤和排序。
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
连接示例 SSE 端点,展示服务器单向推送的实时数据流,并显示事件类型和数据。
解析任何User-Agent字符串,返回详细的设备类别、制造商、操作系统及浏览器/引擎版本信息。
输入Proto定义和Base64编码的protobuf数据,在线解码为JSON,辅助分析二进制通信内容。
使用 Intl.Segmenter 按字素(而非码点)正确分割文本,演示处理 Emoji 和组合字符。
拖拽改变容器宽度,观察使用container-type和@container规则的元素如何自适应样式。
生成符合最佳实践的“跳至主内容”链接的 HTML 和 CSS 代码,提升键盘导航体验。
自定义套餐名、价格、功能列表,生成对比式价格表UI的HTML/CSS代码。
为网页生成常用的meta标签(description, keywords, viewport等),优化搜索引擎收录。
输入进程列表,同时对比先来先服务、短作业优先和轮转调度算法的甘特图和平均等待时间。
将文本以单个词快速连续呈现,通过调节速度训练速读能力。
添加进程(到达时间、运行时间),并行动画演示先来先服务、短作业优先、轮转等调度算法的执行。
检查比特币地址(Base58/bech32)的格式是否正确,以及校验和是否匹配。
生成一个 Bookmarklet,点击即弹出面板选择预定义设备尺寸,调整当前窗口大小。
拖拽构建阶段与任务,配置触发条件,生成对应的GitLab CI或GitHub Actions YAML代码。