UD5工具箱
HTML转JSX/TSX工具 - 替换核心属性
将普通HTML片段一键转为React可用的JSX，处理class→className、style等。
PHP数组转JSON - 粘贴print_r输出变JSON
粘贴PHP print_r或var_export输出，智能解析为有效的JSON。
HTML 表格抓取转换 - 粘贴表格 HTML 转 JSON/CSV
粘贴网页上的 HTML 表格代码，自动提取数据并转换为 JSON 或 CSV 格式下载。
HTML内联样式提取器 - 批量整理为独立CSS
提取HTML中内联style属性或嵌入式style标签，转变为独立CSS规则，辅助样式重构。
JSON 数据转 HTML 表格 - 嵌套折叠与排序
将 JSON 数组或对象渲染为可交互的 HTML 表格，支持嵌套展开、列排序和搜索。
JSDoc 注释在线生成器 - 根据函数自动生成文档
输入 JavaScript 函数声明，自动生成符合规范的 JSDoc 注释模板。
Popover弹窗生成器 - 纯HTML声明式弹出层
配置内容和位置，生成使用最新HTML popover属性的轻量弹窗代码，无需JavaScript。
首屏大图模板生成器 - 文字叠加背景图
选择背景图片（或使用占位色），配置标题、副标题和按钮，生成Hero区域代码。
悬停提示框生成器 - 纯CSS/JS气泡样式定制
选择触发位置、箭头方向与样式，生成轻量悬停提示框代码。
CSS Reset代码生成器 - 统一默认样式重置
勾选或调整所需的重置元素（盒模型、边距等），生成自定义CSS Reset片段，确保跨浏览器一致性。
智能字符实体替换器 - HTML敏感符号一键转换
批量将文本中的<,>,&,等转换为HTML实体，或反向还原，包含选项保留已转义实体。
JSON 结构树浏览器 - 交互展开与路径复制
粘贴JSON对象，生成可折叠的树形视图，点击节点复制其键值路径，方便调试。
内联样式提取合并工具 - 汇总 style 属性为类
提取 HTML 中所有内联 style，智能合并相同样式生成 class，并替换为类名以减小体积。
Proxy 对象拦截测试 - 查看 get/set 钩子触发
创建一个 Proxy，定义各种陷阱函数，操作对象时实时显示被拦截的属性和行为。
XPath选择器测试工具 - 对HTML文档提取
粘贴HTML并编写XPath表达式，高亮显示匹配的节点并提取文本。
面包屑导航生成器 - HTML+CSS直接输出
添加层级名称与链接，自动生成带Schema结构化的面包屑导航条。
HTML表格转CSV工具 - 在线提取网页表格数据
粘贴HTML表格代码或从网页抓取，自动识别行列并转换为CSV格式，方便导入Excel。
内联CSS提取器 - 将style标签移为外部
提取HTML中所有内嵌 `<style>` 标签的内容，合并生成单独CSS文件。
Bookmarklet构造器 - 将任意JS转为小书签
编写JavaScript代码，自动转换为可直接拖拽至书签栏的Bookmarklet链接。
JavaScript this 上下文测试器 - 不同调用方式下的指向
编写函数并选择调用方式（普通、方法、call、apply、箭头等），输出 this 的值。
CSS Clip-Path生成器 - 在线裁剪形状代码
拖拽顶点或选择预定义形状，可视生成CSS clip-path多边形、圆形、椭圆等，实时预览并复制代码。
Lit 组件快速实验场 - 在线编写 Lit 模板与反应式属性
编写 Lit 组件模板和属性，实时渲染并观察响应式更新，无需构建环境。
CSS缓动函数试玩场 - 所有预设一览
并列播放所有CSS内置缓动函数（ease, linear等）的动画效果，方便对比选择。
HTML源码顺序与视觉顺序对比
粘贴HTML和基本CSS，分析渲染后视觉顺序与DOM顺序的差异，避免可访问性问题。
CSS 自定义属性演练场 - 动态修改 var() 看效果
定义多个 CSS 自定义属性，通过滑块或颜色选择器实时修改并查看页面整体风格变化。
Web Worker 代码生成器 - 快速创建独立线程脚本
编写主线程和 Worker 内的逻辑模板，自动生成分离的 JS 文件代码，加速 Worker 开发。
手风琴组件生成器 - 折叠面板HTML/CSS代码
在线生成可折叠的手风琴面板，自定义标题、内容与图标，支持纯CSS或简单JS切换。
结构化数据测试 - 粘贴代码实时预览
粘贴结构化数据代码，模拟Google结构化数据测试，检查错误与丰富结果。
前端错误监控面板 - 捕获并展示 JS 异常
监听全局错误事件和未处理的 Promise 拒绝，在仪表板上展示错误堆栈和发生次数。
微前端在线组合器 - 集成多个子应用到同一页面
通过 iframe 或 Web Components 将多个独立前端应用组合到同一个页面，展示微前端概念。