BrowserTools MCP：让AI帮你调试浏览器「喂饭教程」

前言

• 传统的浏览器调试手段往往依赖于手动操作和经验积累，效率有限，难以满足快速迭代和高质量交付的需求。
• 如何高效地进行浏览器级调试、日志采集、自动化操作以及智能分析，已成为开发者和测试工程师面临的重要课题。
• BrowserTools MCP 的出现，为这一难题提供了全新的解决方案。它通过将AI代码编辑器与浏览器深度集成，打通了开发、调试与智能分析的全流程。开发者不仅可以在本地安全地获取控制台日志、网络请求、DOM结构和页面截图，还能借助AI的能力实现自动化操作、智能诊断和优化建议，大幅提升了开发与测试的智能化水平。

一、BrowserTools MCP简介

1.1 背景

BrowserTools MCP由AgentDesk团队打造，旨在为AI代码编辑器（如Cursor、Windsurf、RooCode、Cline、Continue、Zed、Claude Desktop等）提供浏览器级的调试与自动化能力。通过MCP协议，AI编辑器可以安全地访问和操作浏览器，包括：

• 获取控制台日志与错误
• 捕获XHR网络请求与响应