[程序员] 分享一个小工具:一键录制当前标签页网络请求并导出 HAR

大家好,我做了一个 Chrome 扩展:HAR Debugger 。 它解决的问题很简单:有时候排查接口、页面加载、第三方资源问题,需要导出 HAR 文件,但每次都要打开 DevTools 、切到 Network 、勾 Preserve log 、复现问题、右键导出,流程比较繁琐。 这个扩展的目标是把流程简化成: 1. 打开目标页面 2. 点击扩展开始录制 3. 复现问题 4. 再次点击停止并自动导出 .har 文件 目前扩展已经上架 Chrome Web Store chromewebstore.google.com/detail/har-debugger/lnjegalpjbigjlpmakbaoneflkcjmifh 实现上主要用了 Chrome 的 debugger API ,录制当前 tab 的 Network/Page 事件,然后用 chrome-har 转换成 HAR 格式。由于 MV3 service worker 里处理 Blob 下载不太方便,所以用了 offscreen document 来创建 Object URL ,再通过 ch

添加评论
点赞收藏
点踩分享查看原文
评论
?
参与讨论