把一段 HTML 源码粘进来,在预览里点一下要的元素,就能把它(或与它同类的全部元素)的内容、属性值、HTML 片段按「一行一个」倒出来。不用写正则,也不用学任何解析库的语法。
整页纯前端实现:解析用的是浏览器自带的 DOMParser,选择器用的是原生 querySelectorAll,源码不经过任何服务器。
| 想做什么 | 怎么点 | 推荐设置 |
|---|---|---|
| 抓商品标题 / 价格 | 点一下标题元素,选「同类 N 个」 | 文本 · 去重 |
| 导出列表里的所有链接 | 点任意一个链接,选「同类 N 个」 | 属性 · href |
| 批量拿图片地址 | 点一张图,选「同类 N 个」 | 属性 · src |
| 抠表格某一列 | 点第 2 列的任意单元格 | 文本 · 去掉空白项 |
| 整理成 Excel 数据 | 分别提取几列,各自复制后拼接 | 文本 · 去重 |
| 保存某段原始结构 | 只点那一个元素 | HTML · 只取这一个 |
样式来自你粘贴的源码本身。如果只粘了一段内容、没带 或外部 CSS,预览就只剩结构;这不影响提取,选择器按结构匹配,与样式无关。
预览为了安全不执行脚本,所以动态渲染的内容不会出现。请在浏览器里先打开原网页、等加载完,再用「查看元素」把渲染后的 HTML 复制出来粘贴进来。
「同类」按标签 + class 在整页里找(适合卡片列表这类散落在多处的条目);「同级」限定在当前元素的父级下面找(适合 class 名很常见、整页会误伤的情况)。两个数字都会写在按钮上,点一下就能对比。
不能自动补全。工具只输出源码里写的原值,比如 /a/b.html。要完整地址可以粘一段带 的源码,或者提取后自行拼接域名前缀。
不会。页面没有后端接口,解析用浏览器原生能力完成,断网也能用。
这个工具完全在你的浏览器里运行:你输入的内容、上传的文件,都不会离开你的电脑,也不会传到任何服务器。
放心用,数据只在你自己的电脑上转一圈。
用手机相机扫描二维码,即可继续使用该工具
遇到问题或有好建议?告诉我们。