指南

把网页标记变成脚本、接口和测试数据能直接用的 JSON

你要的数据往往已经在页面里——藏在 `<table>` 中、CMS 预览里,或供应商门户导出的 HTML 文件里。缺的是干净的 JSON:给 fetch 用的对象数组、测试夹具里的配置块、能写进数据库种子文件的结构化行。 从浏览器窗口复制文本几乎走不通:表头和单元格搅在一起,合并区域消失,最后只能在编辑器里手工拼对象。靠谱的 HTML 转 JSON 流程,应让你在复制第一个花括号之前就能核对结构。 本工具在标签页内本地运行。左侧贴 HTML,右侧看解析后的网格和 JSON 输出;不对就改单元格或改源标记,再复制或下载 `.json`。没有上传队列、没有账号,标记不会离开本机——页面里若有客户姓名、内部报价或未公开规格,这一点尤其重要。

实时网格预览与格式化 JSON 输出旁侧的 HTML 源码编辑器

面向表格与全页正文的 HTML 转 JSON 转换器

真实 HTML 很少只有一张完美表格。有时是带 `colspan` 表头的价目网格;有时是商品页,既要要点列表又要规格表,想放进同一份 JSON。两种路径这里都能处理,不必换别的网站。 **表格提取**读取语义化的 `<table>` 标记,生成真正的行列矩阵——`<th>` 和 `<td>` 各占一列,`colspan` / `rowspan` 在预览里显示为合并单元格,方便你看汇总行扁平进 JSON 后会怎样。**全文提取**按标题、段落、列表逐块处理,每块占单列一行,同时把内嵌表格展开成多列行。页面以正文为主、中间夹着表,或想把可读文字和表格数据一次导出时,选这一种。 输出侧可开启 **首行作为键名**,让表头行变成属性名,得到对象数组而不是嵌套字符串数组。**美化格式**让「格式化」标签页便于代码评审;需要体积小就切到「压缩」标签页。

多数只接受上传的转换器把解析步骤藏起来了:发文件、收 JSON,贴进 Postman 才发现列错位。这里 HTML 编辑器、网格预览和 JSON 面板同屏。某行数值不对?在网格里点单元格改。结构不对——缺 `<thead>`、多了包裹用 `div`、标签没闭合——?切回 HTML 标签就地改标记,预览会跟着刷新。 一次粘贴里有多张顶层表格时,工具栏里各成一张工作表。逐块核对,选中需要的表,再复制或下载该表的 JSON。日后若又要标记,转换菜单里的 **Excel 转 HTML** 沿用同一套「先预览」思路处理反向流程。

试用转换器
🌱

表格模式与全文模式

结构化数据从 `<table>` 网格提取,图文混排从整页提取——不用换工具。

🔬

导出前可改 HTML 或单元格

在源码面板修标签,或在网格里改数值;复制的 JSON 与屏幕上核对的一致。

💫

带对象键名的格式化 JSON

可选表头映射为键名、美化输出,以及需要紧凑载荷时的压缩视图。

FEATURES

这款 HTML 转 JSON 工具的不同之处

左右对照的工作台——HTML 进、结构化 JSON 出——复制前就有可信的预览。

格式化 JSON 输出旁并列的 HTML 编辑器与网格预览

变成 JSON 之前先看见数据

JSON 不容错:列一错位,每个对象的字段名都会错。网格预览就是让你在 HTML 还开在旁边时读表头、扫数字列、发现重复行。 粘贴是一等公民。开发者往往已有片段——开发者工具、保存的导出、邮件模板、Storybook 快照。剪贴板装不下时再导入 `.html` / `.htm`;无论哪种方式,解析都在浏览器内完成。 预览无误后,打开 **JSON 选项**:首行映射为键名,或保持普通二维数组。「格式化」标签页缩进输出便于评审;「压缩」去掉空白,适合还要 gzip 的载荷。复制到剪贴板或下载 `.json`——数据相同,交接方式自选。

如何将 HTML 转换为 JSON

粘贴或导入 HTML

粘贴或导入 HTML

在左侧编辑器放入标记——多数人从剪贴板粘贴。完整保存页用「上传」导入 `.html` / `.htm`。数据在 `<table>` 里选 **表格提取**;标题、段落与表格混排选 **全文提取**。

核对网格并修正

核对网格并修正

右侧面板显示即将变成 JSON 的行。检查表头、数字和合并区域。HTML 里有多张表时,在工具栏选工作表。数值不对就点单元格;结构不对就切到 HTML 标签就地编辑——网格会随输入更新。

设置 JSON 选项

设置 JSON 选项

在工具栏打开 **JSON 选项**。需要带字段名的对象数组时,开启 **首行作为键名**。「格式化」标签页配合 **美化格式** 便于阅读;要紧凑字符串就看「压缩」标签页。

复制或下载

复制或下载

用 **复制 JSON** 快速交给编辑器或 Postman;要落盘就点 **下载 .json**——若曾导入文件,文件名会跟随原文件名。日后若又要 HTML,可从转换菜单用 Excel 转 HTML 走回程。

HTML 转 JSON:导出前常见问题

开始使用

把下一段 HTML 变成可直接使用的 JSON

粘贴、预览网格、改标记或单元格,再复制或下载——不必手工拼对象。

HTML 转 JSON

免费
  • 表格提取与全文提取二合一
  • 就地编辑 HTML,或在预览网格里改数值
  • 首行作为键名与美化格式等 JSON 选项
  • 工具栏内复制或下载 `.json`
返回顶部

需要反向标记?在转换菜单使用 Excel 转 HTML。

带实时网格预览与格式化 JSON 输出的 HTML 转 JSON 工具
浏览器内运行

少做手工拼对象

从网页标记里抽出结构化数据,JSON 离开浏览器前就能用预览核对。