HTML Table to JSON 转换器

粘贴一个 HTML 表格或页面片段，即可在你的浏览器中将每个表格转换为 JSON 和 CSV。你粘贴的标记始终保留在你的设备上。

这款 HTML Table to JSON 转换器完全在你的浏览器中解析你粘贴的标记。表格 HTML 以及它生成的 JSON 或 CSV 都保留在你的设备上，绝不会上传到 ArrayKit。

打开 JSON 格式化工具

关于 HTML Table to JSON 转换器

这款 HTML Table to JSON 转换器可将任意粘贴的 <table>——或一整段满是表格的页面片段——转换为干净的 JSON 行对象数组以及对应的 CSV。每个表头单元格会成为一个键，因此像 <td>Ada</td><td>Admin</td> 这样的一行会读作 { "Name": "Ada", "Role": "Admin" }。它能理解 thead 和 tbody，将 th 单元格用作表头，在表格没有表头时合成 column_1、column_2 标签，并展开 colspan 和 rowspan，让每一行都对齐成矩形网格。当标记中包含多个表格时，你可以在它们之间切换，并分别复制每个结果。它专为抓取报表、把规格表搬进代码，或从文档中生成固件而设计。你粘贴的 HTML 在本地被解析，绝不会离开你的设备。

功能特性

如何使用 HTML Table to JSON 转换器

  1. 粘贴一个 HTML <table>，或包含一个或多个表格的页面片段
  2. 用格式切换在 JSON 和 CSV 之间切换
  3. 如果找到多个表格，从表格选择器中选择一个
  4. 复制输出，或将其下载为 .json 或 .csv 文件

示例

输入

<table><thead><tr><th>Name</th><th>Role</th></tr></thead><tbody><tr><td>Ada</td><td>Admin</td></tr><tr><td>Linus</td><td>Author</td></tr></tbody></table>

输出

[
  { "Name": "Ada", "Role": "Admin" },
  { "Name": "Linus", "Role": "Author" }
]

<th> 单元格成为对象的键，每个 <tr> 成为一个行对象。

常见错误与故障排除

常见问题

转换器如何从我的表格中挑选 JSON 键？
它使用表头单元格。一个 <thead> 行，或者一个包含 <th> 单元格的首行，会提供键。之后的每一行成为一个对象，其值按列的位置与这些表头对齐。
colspan 和 rowspan 单元格会怎么处理？
它们会被展开成一个密集网格。colspan 单元格会在它覆盖的每一列上重复，rowspan 单元格会被向下带入它跨越的每一行，因此每个行对象都拥有相同的一组键。
它能从页面片段中提取多个表格吗？
可以。粘贴一整段片段，每个 <table> 都会按文档顺序被提取。一个表格选择器让你在它们之间切换，并分别复制每个表格的 JSON 或 CSV。
如果我的表格没有表头行怎么办？
当没有 <thead>、首行也没有 <th> 时，本工具会合成名为 column_1、column_2 等的键，并把每一行都当作数据，而不会丢掉首行。
它也能输出 CSV，而不只是 JSON 吗？
可以。将格式切换到 CSV 即可得到一份 RFC-4180 导出，其中包含逗号、引号或换行的值会被正确加引号。你可以复制它或下载一个 .csv 文件。
我粘贴的 HTML 会被上传到任何地方吗？
不会。标记会在你的浏览器中用标准的 DOM 解析器解析，生成的 JSON 和 CSV 在你的设备上构建。你粘贴的表格绝不会发送到服务器。

相关工具

全部 ArrayKit 工具