分享一个小工具：一键录制当前标签页网络请求并导出 HAR

大家好，我做了一个 Chrome 扩展：HAR Debugger 。

它解决的问题很简单：有时候排查接口、页面加载、第三方资源问题，需要导出 HAR 文件，但每次都要打开 DevTools 、切到 Network 、勾 Preserve log 、复现问题、右键导出，流程比较繁琐。

这个扩展的目标是把流程简化成：

1. 打开目标页面
2. 点击扩展开始录制
3. 复现问题
4. 再次点击停止并自动导出 .har 文件

目前扩展已经上架 Chrome Web Store
https://chromewebstore.google.com/detail/har-debugger/lnjegalpjbigjlpmakbaoneflkcjmifh?authuser=0&hl=zh-CN

实现上主要用了 Chrome 的 debugger API ，录制当前 tab 的 Network/Page 事件，然后用 chrome-har 转换成 HAR 格式。由于 MV3 service worker 里处理 Blob 下载不太方便，所以用了
offscreen document 来创建 Object URL ，再通过 chrome.downloads.download 下载文件。

没有账号、云端上传、后端服务..和导出都在本地完成，定位就是一个轻量调试工具。

适合的场景：

- 给后端同事复现接口问题
- 给 SaaS / 客服 / 测试团队收集网络请求证据
- 不想教非技术用户打开 DevTools 导出 HAR
- 快速保存某次页面请求记录

欢迎大家试用，也欢迎提建议,后续可能加的功能：

- 自动脱敏 Cookie / Authorization
- 录制完成后展示请求列表预览
- 只录制 Fetch/XHR
- 一键复制为 curl
- 给非技术用户做更简单的引导页

如果你经常需要 HAR 文件，欢迎试试看