抓包 · 移动端网页调试 · 协作
DevPeek
手机 H5 只在真机上才出问题?DevPeek 面向联调场景,不只做「看见流量」。
参数加解密、可视化 Mock、可搜响应体;页面侧用自研调试面板,在电脑上镜像经代理的移动端网页。
先看一遍:怎么调试移动端网页
前提:手机已指向 DevPeek 代理,且 SSL 证书与解密范围配置妥当。满足后,切到调试 Tab、在顶部客户端 Tab 选中手机,刷新目标页面即可自动镜像,并用 DevPeek 自研调试面板排查——不是浏览器 DevTools。
演示
移动端网页经代理进入调试
演示手机经代理访问页面后,在调试 Tab 选中客户端 Tab、刷新页面自动连接并镜像,使用 DevPeek 自研调试面板。
你可以用它做什么
不止于普通抓包:DevPeek 把加解密、Mock、搜索做进工作流;移动端网页则用自研调试面板在电脑上排查。
抓包
不止看流量——加解密、Mock、搜索都更顺手
- 手机、浏览器、测试 App 各走独立 Tab;HTTPS 解密后 Headers / Body 一目了然。
- 参数加解密:配置转换规则后,详情、Mock 与调试 API 默认只与明文交互,发送时自动加密——Mock 与调试可基于明文匹配,少写重复解码脚本。
- 可视化 Mock:从请求上拾取 URL / 参数特征,图形化配拦截与篡改;支持参数带入,续配同类规则更省事。
- 强力搜索:关键词可匹配 URL、方法、Host,还可扩到响应体;支持正则与大小写,在海量列表里快速定位。
移动端网页调试
自研调试面板,经代理镜像手机网页
- 针对经 DevPeek 代理打开的 HTML:手机须接入代理,安装并信任根 CA,目标域名须在 SSL 解密范围内。
- 条件满足后在调试 Tab 选中手机客户端 Tab 并刷新页面,即可自动镜像;下方为 DevPeek 自研调试面板(非浏览器 DevTools),查 DOM、跑脚本、看网络各有一套。
- 支持弱网限速;需要时可录制留档。PC 浏览器场景可另用 Chromium 扩展采集后导入。
- 抓包与调试在同一应用内切换——同一台手机上,接口与页面问题可连续排查。
协作
局域网里找到同事,一键共享
- 自动发现同一网段内的 DevPeek 用户,少传文件、少对时间戳。
- 可把抓包条目或调试录制发给对方,便于联调与问题升级(共享前请确认不含敏感信息)。
第一次上手
- 1
手机接入 DevPeek 代理
下载 Windows 安装包,确认 DevPeek 监听端口;手机 Wi‑Fi 代理填写电脑局域网 IP 与端口(本机浏览器也可用系统代理)。
- 2
移动端装好证书,配好 SSL 解密
在手机安装并完全信任 DevPeek 根 CA(iOS 需在「证书信任设置」中启用);把目标站点域名加入 SSL 解密白名单,抓包列表里应出现可解密的 HTTPS 与 HTML 响应。
- 3
调试 Tab 里镜像移动端网页
切到调试 Tab,在顶部客户端 Tab 选中手机,在手机浏览器刷新目标页面;有可调试 HTML 时会自动连接并显示页面镜像与自研调试面板。若长时间「等待设备连接」,请先回到代理与证书教程排查。