UD5工具箱
Cookie 同意横幅增强版 - 带偏好设置面板
生成包含“接受全部”、“拒绝”和“自定义设置”的完整 Cookie 同意组件代码。
Cookie 同意条生成 - 纯代码无样式嵌入
勾选需要展示的选项（接受/拒绝/设置），生成纯净HTML/JS代码，自行套用样式。
浏览器默认样式查看器 - HTML元素User Agent
模拟显示各个HTML元素在典型浏览器中的默认CSS属性表，辅助CSS Reset决策。
Lottie动画预览器 - 拖放JSON查看动效
加载Lottie动画JSON文件，播放并控制速度、方向，预览动效效果。
JSON 结构树浏览器 - 交互展开与路径复制
粘贴JSON对象，生成可折叠的树形视图，点击节点复制其键值路径，方便调试。
悬停提示框生成器 - 纯CSS/JS气泡样式定制
选择触发位置、箭头方向与样式，生成轻量悬停提示框代码。
HTTP 响应头获取器 - 查看任意 URL 的 Header 详情
输入 URL，通过前端代理或 CORS 配置获取并显示完整的响应头信息。
HTML内联样式提取器 - 批量整理为独立CSS
提取HTML中内联style属性或嵌入式style标签，转变为独立CSS规则，辅助样式重构。
Webhook URL 测试器 - 自定义发送 JSON 并查看日志
向指定 Webhook URL 发送自定义 JSON 负载，查看响应状态码和内容，记录发送历史。
反馈表单构造器 - 打分/文本/多选一键生成
拖拽题型构建客户或员工反馈表，支持NPS、星级评分，导出填写链接或二维码。
URL参数可视化提取 - 分层解析查询串
粘贴带参数的URL，以表格形式列出所有Query参数与值。
NPM包名可用性查询 - 内置类似名称检查
输入包名，通过NPM Registry API查询是否已被占用，并显示近似的包名建议。
页面标题层级分析器 - h1~h6 结构检查
输入 HTML 或网址，提取所有标题标签，生成文档大纲树，检测跳跃和缺失。
内存分页替换模拟 - FIFO/LRU/OPT动画
设定物理页框数，输入页引用串，动画展示不同页面置换算法的缺页率。
PDF 页面提取器 - 选择范围另存新PDF
上传PDF，选择需要保留的页码（如1,3-5），生成仅含这些页面的新文档。
Proxy 对象拦截测试 - 查看 get/set 钩子触发
创建一个 Proxy，定义各种陷阱函数，操作对象时实时显示被拦截的属性和行为。
Popover弹窗生成器 - 纯HTML声明式弹出层
配置内容和位置，生成使用最新HTML popover属性的轻量弹窗代码，无需JavaScript。
CSS 伪类效果测试场 - 实时查看 :is() :where() :has()
编写带有伪类的选择器，实时高亮匹配的HTML元素，探索现代CSS选择器的能力。
JSON 差异对比器 - 高亮增删改节点
输入新旧JSON，并排展示增删改的行级差异，辅助接口变动追踪。
JavaScript 闭包可视化 - 作用域链与环境记录
编写嵌套函数并单步执行，直观展示每个函数的作用域和闭包变量。
范围滑块样式生成器 - 自定义input range外观
可视化配置范围滑块的轨道、滑块、填充颜色，生成跨浏览器的CSS代码。
ETag 缓存验证演示 - 条件请求交互
模拟资源请求，对比ETag值，展示返回304 Not Modified的缓存协商机制，理解HTTP缓存。
Webpack 打包分析器 - stats.json 可视化
上传 webpack 的 stats.json，生成交互式树状图、模块大小排名，辅助优化构建体积。
CSS Reset代码生成器 - 统一默认样式重置
勾选或调整所需的重置元素（盒模型、边距等），生成自定义CSS Reset片段，确保跨浏览器一致性。
CSS缓动函数试玩场 - 所有预设一览
并列播放所有CSS内置缓动函数（ease, linear等）的动画效果，方便对比选择。
Periodic Sync 事件模拟器 - 手动触发并查看结果
在开发环境中模拟 periodicSync 事件，触发后查看 SW 中的处理逻辑和网络请求。
CSS兼容性速查 - 属性在各浏览器支持图表
搜索CSS属性，显示其在主流浏览器的支持范围和前缀需求，快速避免踩坑。
本地HTTPS代理演示 - 请求转发排查
通过Service Worker或本地fetch模拟拦截和转发请求，查看修改后的请求响应。
URL协议处理器检查 - 自定义协议是否注册
检测浏览器是否支持特定自定义协议（如mailto:, tg:），并尝试调用。
Cypress 测试场景构建器 - 点选生成测试代码
可视化选择操作（访问、点击、断言等），自动生成 Cypress 测试代码。