在线HTML源码任意内容提取BeautifulSoup版

HTML 内容提取 按标签 / 属性 免写正则 更新于 2026-11-04
HTML 源码 0 字符 粘贴整段源码,或点右上角「导入」选 .html 文件

工具介绍

把一段 HTML 源码粘进来,在预览里点一下要的元素,就能把它(或与它同类的全部元素)的内容、属性值、HTML 片段按「一行一个」倒出来。不用写正则,也不用学任何解析库的语法。

整页纯前端实现:解析用的是浏览器自带的 DOMParser,选择器用的是原生 querySelectorAll,源码不经过任何服务器。

应用场景

想做什么怎么点推荐设置
抓商品标题 / 价格点一下标题元素,选「同类 N 个」文本 · 去重
导出列表里的所有链接点任意一个链接,选「同类 N 个」属性 · href
批量拿图片地址点一张图,选「同类 N 个」属性 · src
抠表格某一列点第 2 列的任意单元格文本 · 去掉空白项
整理成 Excel 数据分别提取几列,各自复制后拼接文本 · 去重
保存某段原始结构只点那一个元素HTML · 只取这一个

常见问题

为什么预览里的页面样式和原网页不一样?

样式来自你粘贴的源码本身。如果只粘了一段内容、没带 或外部 CSS,预览就只剩结构;这不影响提取,选择器按结构匹配,与样式无关。

页面是 JS 渲染出来的,预览是空白怎么办?

预览为了安全不执行脚本,所以动态渲染的内容不会出现。请在浏览器里先打开原网页、等加载完,再用「查看元素」把渲染后的 HTML 复制出来粘贴进来。

「同类 N 个」和「同级 N 个」有什么区别?

「同类」按标签 + class 在整页里找(适合卡片列表这类散落在多处的条目);「同级」限定在当前元素的父级下面找(适合 class 名很常见、整页会误伤的情况)。两个数字都会写在按钮上,点一下就能对比。

能提取相对链接的完整地址吗?

不能自动补全。工具只输出源码里写的原值,比如 /a/b.html。要完整地址可以粘一段带 的源码,或者提取后自行拼接域名前缀。

源码会不会被上传?

不会。页面没有后端接口,解析用浏览器原生能力完成,断网也能用。

关于隐私

这个工具完全在你的浏览器里运行:你输入的内容、上传的文件,都不会离开你的电脑,也不会传到任何服务器。

  • 不上传——处理全程在本地完成,页面不向后端发送你的数据;
  • 不留存——我们不保存、不记录你的任何输入内容;
  • 断网也能用——页面加载完成后,断开网络照样正常使用。

放心用,数据只在你自己的电脑上转一圈。

更新日志

2026-10-21
彻底去掉后端,改为可视化拾取
2018-05-23
工具正式上线发布

相关工具推荐