2026年01月19日/ 浏览 11
工具介绍
工作中经常需要抓包、代理等操作,主流的抓包工具有:Charles、Fiddler 等,这些工具都必须安装客户端,且都是 1 对 1 的,对多人协助不是很友好。比如:开发需要获取测试同学的的抓包信息分析问题时,目前都是测试同学把报文导出来,发给开发,开发再去导入到工具里面进行分析。
在此背景下,我们就在思考,能否实现一个在线的抓包、代理平台,让大家使用方便、分享方便,降低门槛。于是就有了这款工具的诞生,工具是基于 mitmproxy 进行了二次开发,容器化部署了一套在线代理服务,只需通过浏览器就能实现抓包、代理等操作。
该在线抓包工具具备如下优势:
简单: 无需安装客户端,有浏览器就能使用,易上手。
方便: 直接在浏览器中进行抓包,而且可通过链接分享给他人。
易用: 支持断点、修改报文,集成了录制回放工具、远程调试工具,且支持开发、测试、线上环境任意切换。
4.2 使用简介
设置代理
用户可以通过手机安装的 App 扫描页面上二维码,建立连接,也可以直接在手机 WIFI 代理设置中输入固定的代理 IP 和端口号。
图片
抓包、代理
代理成功后,自动跳转到抓包页面,页面中会显示当前设备,也支持新增设备,可以同时对多个设备进行抓包、代理。并且支持对报文的篡改及环境的代理。
图片

工具注入
我们还在抓包工具中集成了上面的录制回放工具和远程调试工具,只需要打开开关,便会去识别入口 html,动态注入工具的 sdk,并进行初始化,这样用户再次刷新页面时,页面中便会出现工具的悬浮球。
图片

环境切换
工作中还涉及到一个场景,在产品和 UI 验收时,由于验收环境都是在测试环境,需要配置 host,对于产品和 UI 同学来讲,环境的配置其实是比较陌生的,为了方便验收,我们提供了一键切换环境的能力。用户只需要在页面上选择自己的项目,然后开启对应的环境,这样手机环境便能切换过来。
图片