UD5工具箱
Babel 插件在线测试器 - 开发并验证自定义插件
编写 Babel 插件代码，输入源代码，实时查看转换后的结果，加速插件开发。
标签： 测试工具 - 功能验证与性能评估
共 99+ 款工具Cypress 测试场景构建器 - 点选生成测试代码
可视化选择操作（访问、点击、断言等），自动生成 Cypress 测试代码。
Rollup 插件开发沙盒 - 编写并测试插件效果
提供模块图，编写 Rollup 插件并观察其对打包过程的影响。
WebDriver 脚本录制器 - 记录操作生成测试代码
在页面中进行点击、输入等操作，自动生成 WebDriverIO 或 Selenium 测试脚本。
Webpack Loader 测试器 - 模拟文件转换过程
编写一个简单的 loader 函数，输入文件内容，查看经过 loader 处理后的输出。
自定义 ESLint 规则测试器 - 编写并验证规则
编写 ESLint 规则代码，输入测试用例，立即查看是否通过及报错信息。
lit-html 模板测试器 - 在线编写并渲染 Lit 模板
编写 lit-html 模板和数据，即时渲染结果，帮助学习 Lit 框架。
JavaScript this 上下文测试器 - 不同调用方式下的指向
编写函数并选择调用方式（普通、方法、call、apply、箭头等），输出 this 的值。
正则命名捕获组测试器 - (?<name>...) 语法演示
编写含命名捕获组的正则表达式，输入文本后展示每组名称和对应匹配内容。
图片懒加载测试器 - loading=lazy 效果对比
放置大量图片并开启懒加载，通过滚动观察网络请求的发起，验证原生延迟加载。
Reflect API 使用浏览器 - 对象操作方法速查与测试
列出所有 Reflect 静态方法，提供参数输入并执行，查看返回值和副作用。
Proxy 对象拦截测试 - 查看 get/set 钩子触发
创建一个 Proxy，定义各种陷阱函数，操作对象时实时显示被拦截的属性和行为。
DOM 插入性能基准测试 - innerHTML vs createElement vs DocumentFragment
比较不同 DOM 插入方法的执行速度，可视化渲染耗时，帮助选择最优动态内容更新策略。
正则表达式反向引用测试工具 - 引用捕获组匹配
专门演示和测试正则中的反向引用（\1, \k<name>），查看匹配过程并高亮结果。
Unicode 正规化测试器 - NFC/NFD/NFKC/NFKD 对比
输入字符串并选择正规化形式，展示转换结果和码点序列，理解等价字符处理。
正则环视断言专项测试 - 前瞻/后顾/否定/正向
专注测试正向前瞻、负向前瞻、正向后顾、负向后顾等零宽断言，可视化匹配位置。
速率限制头测试器 - 模拟达到限制并查看行为
模拟发送多个请求，观察 X-RateLimit-* 头部变化，理解速率限制机制。
颜色主题切换演示 - 明/暗模式独立样式测试
编写分别用于 light 和 dark 的 CSS，通过模拟 prefers-color-scheme 立即预览两种主题。
手柄按钮序列录制器 - 记录并回放 Gamepad 操作
连接游戏手柄，录制一系列操作并可保存和回放，用于自动化测试。
datalist 自动建议测试 - 自定义输入提示列表
创建 input + datalist 组合，动态添加选项并测试过滤行为和兼容性。
强制颜色模式测试器 - Windows 高对比度预览
激活 forced-colors: active 模拟，观察页面在系统高对比度主题下的渲染效果。
无障碍颜色组合测试 - 模拟不同视觉条件下的可读性
输入文本和背景颜色，同时模拟模糊、低对比度、色盲等效果，评估可访问性。
触觉反馈测试页 - 检查振动马达模式
点击按钮触发不同模式的设备振动，检测振动功能。
npm 脚本模拟运行器 - 测试 package.json scripts 逻辑
粘贴 package.json 中的 scripts 部分，模拟执行并预览串联命令和环境变量的效果。
MAC 地址随机生成器 - 符合规范的物理地址
生成符合 IEEE 格式的随机单播或组播 MAC 地址，用于网络设备测试或容器创建。
Mustache 模板测试工具 - 无逻辑模板渲染调试
粘贴 Mustache 模板与数据 JSON，所见即所得地渲染输出，支持节段和反转节段。
GraphiQL 在线查询工具 - 交互式 GraphQL 探索
连接任意 GraphQL 端点，提供智能补全、文档浏览和查询执行，类似于 GraphiQL 界面。
轻量级网速测试 - 下载/上传速度与延迟
通过下载和上传小文件测量当前网络带宽与延迟，无需 Flash 或插件。
语义版本范围测试器 - 检查版本是否满足约束
输入目标版本和范围表达式（如 ^1.2.3），判断是否匹配，帮助理解依赖解析规则。
Biquad 滤波器测试器 - 低通/高通/带通实时调节
加载音频流并通过 BiquadFilterNode 应用不同类型的滤波，实时调节频率和 Q 值。
Liquid 模板引擎预览器 - 在线测试 Shopify 模板语法
输入 Liquid 模板代码和 JSON 数据，实时查看输出，支持循环、过滤器等常用语法。
Handlebars 模板在线测试 - 输入数据和模板渲染
编写 Handlebars 模板并提供 JSON 数据，即时渲染结果，支持 helpers 自定义，纯前端执行。
摄像头测试页 - 开启显示视频流
打开前置或后置摄像头，查看自己，检查硬件正常与否。
.gitignore 规则测试器 - 验证文件是否被忽略
输入 .gitignore 规则和文件路径，检查该文件是否会被 Git 忽略，辅助编写排除规则。
Voiceflow 原型在线播放器 - 测试语音交互设计
导入 Voiceflow 项目文件，在浏览器中模拟语音对话流程，调试交互逻辑。
XSS Payload 无害测试场 - 反射型漏洞演示
在隔离环境中粘贴XSS攻击向量，观察浏览器是否执行脚本并给出防御建议，用于安全意识培训。
GraphQL Playground 轻量版 - 在线查询与Schema浏览
输入GraphQL端点或粘贴Schema，即可编写查询并查看自动补全与响应，适合接口探索与学习。
Web 字体测试小书签 - 在任意页面预览 Google Fonts
生成一个书签工具，点击后在当前页面动态加载任何 Google 字体并应用到所选文字。
色觉异常类型自测 - Ishihara板小测验
快速浏览几张石原图，根据结果提示可能色觉问题。
gRPC-Web 反射调用工具 - 浏览器端RPC测试
通过gRPC-Web反射协议列出服务方法，并构造请求在浏览器直接调用gRPC后端，简化微服务调试。
Brotli压缩率测试 - 文本/文件在线压缩
输入文本或加载文件，使用Brotli算法压缩，显示压缩前后大小和比率。
HTML 输出测试器 - 即时预览代码片段
输入 HTML/CSS/JS 代码，在隔离沙箱中即时渲染，支持控制台捕获。
轻量级 API 集合运行器 - 导入 Postman Collection 运行
导入 Postman Collection JSON 文件，按顺序执行请求并显示响应，模拟简单的自动化测试。
结构化数据测试工具 - 实时预览Google搜索结果
粘贴HTML或JSON-LD，工具检测并模拟Google搜索结果中的富文本摘要预览。
CSS 3D变换测试器 - 透视/旋转效果
实时调整rotateX/Y/Z、perspective和translateZ，查看3D变换视觉效果。
表单验证规则测试 - Constraint API
设置不同验证属性和自定义消息，测试HTML5表单验证触发效果。
SSML 语音合成测试器 - 控制语调语速停顿
编写 SSML 标签，使用浏览器语音合成引擎朗读，测试 break、prosody、emphasis 等效果。
道歉语言测试 - 了解对方接受的道歉方式
评估最能被你接纳的道歉表达（悔意、认责等），促进有效和解。
Web Share Target测试 - PWA分享接收
演示如何注册为分享目标，接收来自其他应用的分享内容（需PWA安装）。
ARIA Live Region测试 - 动态内容播报
模拟动态区域更新，测试不同aria-live值（polite/assertive）对屏幕阅读器的影响。
XSS字符串测试器 - 无害演示反射型
输入常见XSS攻击向量，在沙盒iframe中测试是否被浏览器内置过滤器拦截。
点击劫持测试页面 - 检测 X-Frame-Options 缺失
尝试将目标 URL 加载到 iframe 中，检测是否缺少点击劫持防护头，并展示风险。
散光表盘测试 - 看放射线是否粗细一致
显示钟表式放射线条，观察是否某方向更黑，辅助检测散光。
Web推送通知测试器 - 生成VAPID订阅
生成VAPID密钥对，建立推送订阅并发送测试通知，帮助调试Service Worker推送。
XSS 过滤器绕过测试场 - 安全编码演示
尝试输入各种编码和混淆的 XSS 向量，检查是否被过滤或执行（沙盒环境）。
CORS跨域请求测试 - 检查响应头
向目标URL发送简单请求，分析Access-Control相关响应头，诊断跨域问题。
正则替换捕获组测试器 - $1/$2 引用预览
编写正则表达式并指定替换模式（如 '$1-$2'），实时查看文本替换结果，支持命名捕获组。
情商(EQ)小测试 - 情景题评估情绪智力
通过一系列情景选择题，评估情绪感知、运用、理解与管理能力。
空值安全模拟器 - JS可选链与默认值测试
输入嵌套对象和取值路径，测试?.可选链和??空值合并运算的结果，学习JS新特性。
邮件响应式测试预览 - 多客户端模拟
粘贴 HTML 邮件代码，模拟在 Outlook、Gmail、Apple Mail 等环境下的渲染效果。