常见场景
后台管理系统、报表页面、第三方网站上的表格,往往只能在线查看,无法直接下载 Excel。常见需求包括:
- 把网页
<table>复制到 Excel 做二次分析 - 从 Bootstrap / Angular 表格导出数据
- 选中部分单元格,生成 SQL
WHERE IN条件
手动复制容易丢列、合并单元格错位。使用 HTML 转 Excel 可以自动识别表格结构。
支持的 HTML 结构
工具在浏览器本地解析 HTML,支持多种常见布局:
- 标准
<table>、<thead>、<tbody> - Bootstrap 的
.row+.col网格 - Angular
ngx-datatable及datatable-*组件 - 带
role="table"、role="gridcell"的无障碍表格
使用步骤
- 在浏览器中打开目标网页,按
F12打开开发者工具。 - 选中表格对应的 HTML 节点,右键「Copy → Copy outerHTML」。
- 打开 HTML 转 Excel,将代码粘贴到左侧输入框。
- 工具自动解析并在右侧预览表格。
- 点击「复制到 Excel」,在 Excel 中
Ctrl+V粘贴;或点击「导出 Excel」下载.xlsx文件。
复制到 Excel 的原理
「复制到 Excel」会同时写入两种剪贴板格式:
- text/plain:制表符分隔(TSV),Excel 按列拆分
- text/html:带
<table>结构的 HTML,保留基本表格形态
因此粘贴后列对齐比纯文本复制更稳定。
选中单元格生成 WHERE IN
解析完成后,可在预览表格中框选单元格(支持 Shift 连选、Ctrl 多选)。选中后点击「复制选中为 WHERE IN」,即可得到:
IN (N'1001', N'1002', N'1003')
适合从网页报表中快速提取 ID 列表,用于 SQL 查询或后续 Excel 转 SQL 流程。
示例 HTML
<table>
<tr><th>姓名</th><th>年龄</th><th>城市</th></tr>
<tr><td>张三</td><td>28</td><td>北京</td></tr>
<tr><td>李四</td><td>32</td><td>上海</td></tr>
</table>
粘贴后得到三列数据,可直接导出或与 Excel 转 SQL 工具配合使用。
注意事项
- 复杂嵌套表格、大量合并单元格可能需要手动整理。
- 动态加载的数据需等页面渲染完成后再复制 HTML。
- 解析在浏览器本地完成,HTML 不会上传到服务器(导出
.xlsx时仅发送解析后的行数据)。