电阻色环计算器 - 4/5/6环阻值读取
选择色环颜色,计算电阻阻值、容差和温度系数,也可输入阻值反查色环。
电话号码解析器 - 国际格式提取国家/本地号
输入国际号码,自动提取国家代码、地区码和本地号码,并可尝试格式化为E.164等标准。
电容代码计算器 - 3位数字换算容值
输入电容器上的三位数字代码,换算为pF、nF、uF等容值。
Service Worker 缓存内容查看器 - 查看缓存条目
显示当前注册的 Service Worker 所管理的 Cache Storage,查看缓存文件列表及大小。
PDF文本提取器 - 前端读取纯文本
上传PDF文件,使用pdf.js提取所有页面的纯文本内容,方便复制。
衣物洗护标签解读器 - 图形符号查询
选择或识别洗涤、漂白、干燥、熨烫等符号,显示详细解释和建议。
窗口尺寸书签工具 - 拖拽书签显示
生成一个小书签,点击后浮层显示当前浏览器窗口的宽度和高度。
指针锁定 API 演示 - 3D 迷宫移动
使用指针锁定 API 在 3D 场景中控制视角移动,模拟 FPS 游戏鼠标控制。
无障碍名称计算演示 - 元素的可访问名称来源
选择一个元素,展示浏览器如何根据 ARIA 属性、内容、label 等计算其可访问名称。
WebGPU 计算着色器演示 - 并行矩阵乘法
使用 WebGPU 编写计算着色器执行矩阵乘法,对比 CPU 性能。
Navigation API 演示 - 现代前端路由导航
使用新的 Navigation API 拦截导航、管理历史条目,构建类 SPA 体验。
Web NFC 写入演示 - 向 NFC 标签写数据
使用 NDEF 格式向 NFC 标签写入文本、URL 或自定义记录。
CSS 作用域演示 - Shadow DOM 样式隔离效果
创建 Shadow DOM 与普通 DOM 元素,对比样式隔离效果,理解 @layer 和 scoped styles。
加密媒体扩展演示 - EME 播放 DRM 内容示意
模拟 Encrypted Media Extensions 流程,展示如何请求许可证并播放受保护视频。
DOM 事件传播模拟器 - 捕获与冒泡阶段可视化
构建嵌套元素,触发事件并逐步显示事件流经路径,可切换捕获/冒泡模式。
电池续航估算器 - 设备功率与电池容量计算
输入电池容量(mAh/Wh)与设备功率,估算理论使用时长。
斯巴达棒密码演示 - 绕棍子写解密
模拟古代斯巴达人将羊皮纸绕在棍上写信息的方法,输入文本解密。
视错觉库 - 交互体验著名错觉
收录多幅动态与静态视错觉,可调节参数观察效果,附科学解释。
服务条款生成器 - 自定义网站经营规则
填空式生成通用服务条款,涵盖账号、知识产权、免责等,创业初期参考。
电量状态仪表盘 - 充电/放电时间预测
借用Battery Status API展示百分比、充电状态以及充放电剩余时间估算,设备管理辅助。
四季成因互动演示 - 地轴倾角与光照
3D地球展示地轴倾角与公转,调节月份直观理解太阳直射点移动如何形成四季。
图像纹理合成演示器 - 基于样图生成大图
上传一小块纹理样本,利用简单模板匹配算法无缝扩展填充成一张大图。
WebAuthn模拟器 - 创建与验证凭据
使用CTAP2模拟器或安全密钥在浏览器中体验无密码注册与认证流程。
结构化克隆演示 - 深拷贝支持类型
选择各种数据类型演示structuredClone的深拷贝能力,对比JSON.parse的限制。
Web Worker计算演示 - 后台斐波那契不卡顿
在主线程和Worker中分别计算大斐波那契数,对比界面的响应度。
人眼极限分辨率演示 - 角分辨测试
显示渐小条纹,测试你能分辨的最小视角,对照理论视网膜细胞密度。
采样定理演示 - 欠采样与混叠现象
调节采样频率,观察对正弦波的离散采样和重建效果,演示欠采样导致的频率混叠。
权限撤销流程演示 - 重置地理位置等授权
显示当前已授予的权限,并提供方法引导用户手动撤销或重置浏览器权限。
CORS问题演示器 - 跨域错误说明
模拟发起跨域请求并显示错误,解释CORS机制和解决方案。
触摸事件测试区 - 手势识别演示
在指定区域进行触摸操作,实时显示触摸点坐标和识别的基础手势(滑动、捏合等)。
UD5工具箱