puppeteer-mcp-claude

概述

puppeteer-mcp-claude 是一个全面的 MCP 服务器，通过 Puppeteer 库让 Claude Code 和其他支持 MCP 的客户端能够控制浏览器。它提供了导航页面、点击元素、输入文本、执行 JavaScript、截图和管理 Cookie 等工具。该服务器具有自动启动浏览器的功能，并使用合理的默认设置，通过 TOON 格式提供结构化内容响应，并支持隐身模式、请求拦截以及与现有 Chrome 实例集成等多种模式。实现中包含详细示例和 CLI 工具，适用于开发和生产场景。

试试问 AI

装完之后，这里有 5 个你可以让 AI 做的事：

• puppeteer_launch

  Launch a browser or connect to an existing Chrome via browserWSEndpoint

  试试:Launch a browser in stealth mode试试:Connect to my running Chrome at localhost:9222
• puppeteer_new_page

  Open a new browser tab

  试试:Open a new tab on GitHub试试:Create a new page for shopping
• puppeteer_navigate

  Navigate to a specific URL

  试试:Go to news.ycombinator.com试试:Navigate to example.com
• puppeteer_click

  Click on a CSS selector element

  试试:Click the login button试试:Click the submit form button
• puppeteer_type

  Type text into an input element

  试试:Type my search query试试:Fill in the username field
• puppeteer_get_text

  Get text content from an element

  试试:Get the title of the article试试:Extract all product names
• puppeteer_screenshot

  Take a screenshot of the current page

  试试:Take a screenshot of this page试试:Capture a full page screenshot
• puppeteer_evaluate

  Run JavaScript in the page context

  试试:Get all links on the page试试:Count how many images are loaded
• puppeteer_wait_for_selector

  Wait for an element to appear on the page

  试试:Wait for the results to load试试:Wait for the download button to appear
• puppeteer_close_page

  Close the current browser tab

  试试:Close this tab试试:Finish with this page
• puppeteer_set_cookies

  Set cookies for the current page

  试试:Save my login cookies试试:Set session cookie for authentication
• puppeteer_set_request_interception

  Block resources or inject request headers

  试试:Block images for faster loading试试:Add authentication headers to requests

可对比工具

安装

curl -fsSL https://raw.githubusercontent.com/jaenster/puppeteer-mcp-claude/main/install.sh | bash

iwr -useb https://raw.githubusercontent.com/jaenster/puppeteer-mcp-claude/main/install.ps1 | iex

npm install -g puppeteer-mcp-claude
claude mcp add puppeteer-mcp-claude -- npx -y puppeteer-mcp-claude serve

{
  "mcpServers": {
    "puppeteer": {
      "command": "npx",
      "args": ["-y", "puppeteer-mcp-claude", "serve"]
    }
  }
}

FAQ

如何连接到现有的 Chrome 浏览器？

使用 `puppeteer_launch` 工具并提供 `browserWSEndpoint` 参数。例如，`puppeteer_launch { browserWSEndpoint: "ws://localhost:9222" }` 连接到运行在 9222 端口的 Chrome。

能否屏蔽某些资源来加快抓取速度？

可以，使用 `puppeteer_set_request_interception` 工具并提供 `blockResources` 参数。可以屏蔽图片、媒体、字体、样式表等资源，以在抓取过程中加快页面加载速度。

puppeteer-mcp-claude 对比