一位独立开发者近日发布了一款名为 HAR Debugger 的 Chrome 浏览器扩展,旨在优化前端开发与调试中的网络请求采集流程。在传统的 Web 开发或故障排查场景中,若要导出 HAR(HTTP Archive)文件以分析接口加载或页面性能问题,技术人员通常需要执行繁琐的操作:开启 Chrome DevTools、切换至 Network 面板、勾选 Preserve Log、手动复现 Bug,最后才能右键导出。HAR Debugger 将这一多步骤过程简化为“打开页面-点击录制-复现问题-自动导出”的自动化工作流。
技术实现上,该扩展利用 Chrome 原生的 debugger API 监听当前标签页的 Network 和 Page 事件,并使用 chrome-har 库将数据转换为标准 HAR 格式。针对 Manifest V3 规范下 Service Worker 环境 Blob 处理受限的问题,开发者采用了 offscreen document 技术方案创建 Object URL,进而通过 chrome.downloads API 实现本地下载。该工具明确定位为轻量级本地调试工具,不涉及账号注册、云端数据上传或后端服务,确保了调试数据的隐私性与安全性。其目标用户包括后端工程师、SaaS 客服团队以及非技术人员,未来版本计划增加 Cookie 自动脱敏、cURL 命令一键复制等进阶功能。
事件分析
💡 核心观点:将繁琐的 DevTools 手动操作封装为轻量级自动化工具,是降低调试门槛、提升跨职能团队协作效率的必然趋势。
原文链接:V2EX 分享发现






