网页结构采集器(通用)
给任意网页做结构快照,用来给新网站写适配脚本、排查页面问题。
只读:不改页面、不提交表单、不读取任何输入内容。
功能
页面结构
- 页面骨架(最多 1500 个节点,保留层级与 class)
- 常见控件:输入框、按钮、表单、表格、弹层(按 z-index 判断)
- 关键词定位:题目 / 选项 / 提交 / 播放 / 进度 等
- 常见 class 使用频次 Top 150、id 列表
媒体与嵌入
- video / audio:地址、时长、当前进度、倍速、静音、尺寸
- iframe:地址与位置(同源 iframe 递归采集)
网络请求
- 自动记录 fetch / XHR 的 URL、方法、状态码、耗时(最近 40 条)
- 不记录请求体、不记录响应体
环境与性能
- 框架识别:Vue / React / jQuery / ElementUI / AntDesign / Vant / LayUI / video.js
- 存储概览:localStorage / sessionStorage 的条数与体积、cookie 数量
- 性能:DOM 节点数、资源数、DOMReady / load 耗时、Shadow DOM 数量、canvas 数量
点选元素
- 点一下页面上的元素,记录它的选择器路径、属性、子元素结构
使用
- 打开任意网页
- 点右下角蓝色「采」按钮
- 三种方式任选:
- 采集并上传:打包上传,返回一个 ID(便于发给别人分析)
- 复制JSON:复制到剪贴板,自己保存
- 下载文件:存成
page-域名-时间.json
- 只想看某个元素 → 点「点选元素」,再点页面上那个元素
隐私说明
- 全程只读,不修改页面、不触发提交
- 不读取 input/textarea 的值,不读取 localStorage/sessionStorage 的值(只统计条数和体积)
- 不记录请求体与响应体
- 「复制 JSON」和「下载文件」完全在本机完成,不联网
- 只有主动点「采集并上传」才会把数据发到服务器(7 天后自动删除)
更新记录
2.0.0(2026-10-31)
- 新增网络请求记录(URL / 方法 / 状态码 / 耗时)
- 新增同源 iframe 递归采集
- 新增存储概览与性能数据
- 新增「复制 JSON」「下载文件」,支持不联网导出
- 框架识别显示版本号
1.0.0