instructa/browser-echo

解决的问题

Browser Echo 允许开发者和 AI 编码助手直接在服务器终端或通过 MCP 服务器查看客户端浏览器日志（如 console.log），无需在代码编辑器和浏览器开发者工具之间频繁切换，从而提升开发效率。

工作原理

它使用客户端侧的补丁来包装标准的 console.* 方法以捕获日志。这些日志随后从浏览器转发到开发服务器，并流式传输到终端。它为多种框架（如 Next.js、Nuxt、React 和 Vue）提供特定的集成包，以处理日志的路由和转发。

适用人群

使用 AI 编码助手（如 Cursor、Claude Code 或 GitHub Copilot CLI）的 Web 开发者，希望其 AI 代理能够查看运行时浏览器错误和日志，以更有效地进行调试。

主要亮点

• AI 助手集成：支持 MCP（Model Context Protocol），在不污染上下文窗口的情况下向 AI 代理提供日志。
• 广泛框架支持：兼容基于 Vite 的框架、Next.js、Nuxt 等。
• 开发者体验：提供彩色终端输出、源码提示（文件:行:列）和堆栈跟踪。
• 零生产影响：客户端补丁和 HTTP 端点仅在开发阶段注入，不会包含在生产构建中。