Agent调用MCP能力

浏览器MCP

• Chrome DevTools MCP
  • 通过 Chrome DevTools / CDP 操作 Chrome
  • 适合控制真实 Chrome、已有登录状态、页面调试、Network/Console 等场景
• Playwright MCP
  • 基于 Playwright 操作浏览器
  • 具备浏览器自动化操作
  • 提供页面导航、snapshot、click、type 等能力
  • 更偏向 Web 自动化和 Agent 操作网页

Agent 如何调用 MCP

Agent 负责思考和决定调用什么工具，@modelcontextprotocol/sdk 实现 MCP Client，MCP Client 调用 Playwright MCP / Chrome DevTools MCP，MCP 负责实际操作浏览器，并将执行结果返回给 Agent，Agent 根据结果继续决策

• Agent 本身需要具备 MCP Client能力。
• Node.js / TypeScript 可以使用官方：
  • 通过mcp client去调用这个mcp
    • @modelcontextprotocol/sdk 来实现MCP Client
• 通过MCP Client 连接MCP
  • 获取 MCP 提供的浏览器工具
  • 将 tools 提供给 LLM
  • LLM 根据任务决定调用哪个 tool
  • MCP 返回 Tool Result 工具的调用结果
  • 调用结果给到LLM
  • LLM 判断下一步操作