PHP数组转JSON - 粘贴print_r输出变JSON
粘贴PHP print_r或var_export输出,智能解析为有效的JSON。
HTML表格转CSV工具 - 在线提取网页表格数据
粘贴HTML表格代码或从网页抓取,自动识别行列并转换为CSV格式,方便导入Excel。
JSON 数据转 HTML 表格 - 嵌套折叠与排序
将 JSON 数组或对象渲染为可交互的 HTML 表格,支持嵌套展开、列排序和搜索。
结构化数据测试 - 粘贴代码实时预览
粘贴结构化数据代码,模拟Google结构化数据测试,检查错误与丰富结果。
HTML转JSX工具 - React组件代码转换
将普通HTML标记转换为符合JSX语法的代码,自动处理class→className、行内样式对象化等。
智能字符实体替换器 - HTML敏感符号一键转换
批量将文本中的<,>,&,等转换为HTML实体,或反向还原,包含选项保留已转义实体。
HTML转JSX/TSX工具 - 替换核心属性
将普通HTML片段一键转为React可用的JSX,处理class→className、style等。
首屏大图模板生成器 - 文字叠加背景图
选择背景图片(或使用占位色),配置标题、副标题和按钮,生成Hero区域代码。
JSON 结构树浏览器 - 交互展开与路径复制
粘贴JSON对象,生成可折叠的树形视图,点击节点复制其键值路径,方便调试。
package.json 文件检查器 - 验证字段与依赖规范
粘贴 package.json 内容,检查必填字段、许可证合规、依赖版本格式等常见问题。
HTML内联样式提取器 - 批量整理为独立CSS
提取HTML中内联style属性或嵌入式style标签,转变为独立CSS规则,辅助样式重构。
CSS 自定义属性演练场 - 动态修改 var() 看效果
定义多个 CSS 自定义属性,通过滑块或颜色选择器实时修改并查看页面整体风格变化。
HCL转JSON工具 - Terraform配置转换
将HashiCorp配置语言HCL代码转换为JSON格式,便于程序化处理。
Lottie动画预览器 - 拖放JSON查看动效
加载Lottie动画JSON文件,播放并控制速度、方向,预览动效效果。
批量URL打开器 - 粘贴链接逐个开新标签
粘贴多行URL列表,逐行可总控一键在新标签页中全部或部分打开。
JSON 转 TypeScript 接口生成器 - 自动推断类型定义
粘贴 JSON 数据,自动生成对应的 TypeScript interface 或 type 定义,支持嵌套对象和数组。
悬停提示框生成器 - 纯CSS/JS气泡样式定制
选择触发位置、箭头方向与样式,生成轻量悬停提示框代码。
JSDoc 注释在线生成器 - 根据函数自动生成文档
输入 JavaScript 函数声明,自动生成符合规范的 JSDoc 注释模板。
Webhook URL 测试器 - 自定义发送 JSON 并查看日志
向指定 Webhook URL 发送自定义 JSON 负载,查看响应状态码和内容,记录发送历史。
CSV 转 Markdown 表格 - 即时生成排版表格
粘贴 CSV 数据,自动转换为对齐整齐的 Markdown 表格格式,适合文档和 README。
JSON转YAML工具 - 在线配置格式互换
粘贴JSON对象,一键转换为简洁的YAML格式,方便编写配置文件。
内联CSS提取器 - 将style标签移为外部
提取HTML中所有内嵌 `<style>` 标签的内容,合并生成单独CSS文件。
XPath选择器测试工具 - 对HTML文档提取
粘贴HTML并编写XPath表达式,高亮显示匹配的节点并提取文本。
CSS属性兼容性表格 - 按使用率排序
搜索CSS属性和选择器,展示在主流浏览器的支持版本和全局使用率百分比。
Popover弹窗生成器 - 纯HTML声明式弹出层
配置内容和位置,生成使用最新HTML popover属性的轻量弹窗代码,无需JavaScript。
内联样式提取合并工具 - 汇总 style 属性为类
提取 HTML 中所有内联 style,智能合并相同样式生成 class,并替换为类名以减小体积。
HTML源码顺序与视觉顺序对比
粘贴HTML和基本CSS,分析渲染后视觉顺序与DOM顺序的差异,避免可访问性问题。
JSON 查询演练场 - JMESPath/JSONPath 即时评测
在可视化环境中编写JSONPath或JMESPath表达式,实时高亮匹配结果并查看路径提取逻辑。
@property 规则演示 - 自定义属性类型与动画
注册带类型的 CSS 自定义属性,观察其如何支持过渡动画和继承效果。
JSONPath在线查询工具 - JSON数据路径提取
使用JSONPath表达式从复杂JSON中快速提取数据子集,支持实时匹配和高亮显示结果。
UD5工具箱