Puppeteer MCP Server：让 AI Agent 直接操控浏览器

当你的 AI Agent 需要做的不仅仅是读取静态 HTML 时，Puppeteer MCP Server 填补了这一空白。它为 Claude、Cursor 和其他 AI Agent 提供了完整的浏览器自动化能力——截取截图、抓取 JavaScript 渲染的内容、填写表单、与实时 Web UI 交互，所有操作都可在工作流中完成，无需切换工具。

Puppeteer MCP 为 AI Agent 解锁了真正的浏览器自动化。与其访问返回 HTML 的端点，你的 Agent 可以直接启动一个 Chromium 实例，导航到页面、在页面上下文中执行 JavaScript，并从动态内容中提取数据。它处理那些棘手的部分：Cookie、Session、身份认证、JavaScript 渲染延迟——所有那些会让简单 HTTP 抓取工具崩溃的问题。

这意味着你的 AI Agent 可以对任意 URL 截取全页截图、以编程方式填写并提交表单、执行自定义 JavaScript 来提取嵌套数据，以及与现代单页应用进行交互。尤其适用于页面内容只在 JavaScript 运行后才渲染的场景，或者需要点击按钮并等待异步更新的情况。

服务器以无头模式在你的机器上运行（需要 Node.js 18+），因此相比完整的浏览器窗口，没有显示开销，资源消耗也极低。

npx -y @modelcontextprotocol/server-puppeteer

添加到 Claude Desktop 配置中：

{
  "mcpServers": {
    "puppeteer-mcp-server": {
      "command": "npx -y @modelcontextprotocol/server-puppeteer"
    }
  }
}

重启 Claude 即可使用。

自动化网页抓取：从通过 JavaScript 加载内容的中提取产品数据——价格、库存、评价——无需自己编写抓取逻辑。

可视化回归测试：让 Claude 在不同断点截取预发环境的截图并定期对比，在上线前发现布局回归问题。

表单填写与数据录入：让你的 Agent 导航多步骤表单、根据结构化数据填写字段并提交——适用于测试、数据迁移或工作流自动化。

更多 Claude Desktop、Cursor、Windsurf 等工具的完整安装指南请访问 CuratedMCP。