DevTools Extension for Modern Debugging

重新定义浏览器调试体验

控制台助手增强 F12 DevTools 的 Console、Network、请求监控与调试分析流程, 让开发者在真实页面中更快定位问题、更清晰追踪接口、更稳定沉淀调试证据。

Console 结构化采集 Network 请求链路分析 Export 调试证据导出
https://app.local/debug-session
Elements Console Network Sources

info App mounted in 42ms

warn API latency above threshold: 428ms

error POST /api/order failed: 500

trace requestId=req_7fa92 linked to user action

GET /api/profile POST /api/order GET /assets/dashboard.js

Product Capability

围绕调试现场,而不是围绕报表

插件直接贴近浏览器 DevTools 的工作习惯,把控制台、请求、复制、导出和定位动作串成一个低摩擦的调试流。

01

Console 增强

捕获结构化日志、异常堆栈和上下文信息,支持搜索、复制和导出。

console.error → stack → context → export
02

Network 分析

保留请求方法、状态、耗时、URL 和载荷摘要,帮助还原接口链路。

POST /api/order · 500 · 428ms
03

请求监控

在真实页面运行时观察请求波动,快速发现失败、慢请求和异常状态。

watch(request) → classify → inspect
04

调试辅助

把常见调试动作压缩为可重复流程,减少来回切换和手工整理。

capture → filter → copy → share

Debugging Scenario

从异常出现到证据沉淀,只保留关键步骤

开发者在页面中复现问题后,控制台助手自动把 Console 和 Network 信号聚合到同一侧边工作台, 让问题定位不再依赖临时截图、零散复制和口头描述。

用户操作 点击提交订单
Console 捕获异常和调用栈
Network 定位失败接口和耗时
Export 导出可复现证据

Why It Feels Fast

更快,不只是加载速度

深度贴合浏览器

围绕标签页、DevTools、Console 与 Network 行为设计,不额外引入复杂工作台。

低干扰采集

只在调试相关场景内处理必要数据,默认把数据保存在本地浏览器环境。

证据可交付

把日志、请求和上下文整理成可复制、可导出的调试材料。

Ready for the next debug session

让 F12 成为真正的调试控制台

安装插件,开始把 Console、Network 和分析动作合并成一条稳定的开发者工作流。