MCP Puppeteer

🚀 一個簡單的MCP服務器用於通過Puppeteer控制Chrome

本項目提供了一個簡單的MCP服務器，藉助Puppeteer實現對Chrome瀏覽器的控制，為您在相關操作場景中提供便利。

🚀 快速開始

前置要求

⚠️ 重要提示

這裡使用的是puppeteer-core，不會安裝額外的瀏覽器。期望您知道如何以開啟遠程調試端口的方式啟動Chrome。例如，在Mac上，啟動命令可能如下：

open -a "Google Chrome" --args --remote-debugging-port=9222

安裝依賴

% pnpm i

運行MCP服務器

% pnpm run start

配置Cursor

在Cursor → 設置 → Cursor Settings → MCP → 添加新的全局MCP服務器，添加以下配置：

{
  "mcpServers": {
    "puppeteer-control": {
      "url": "http://localhost:7742/sse"
    }
  }
}

📚 詳細文檔

學習要點

1. TypeScript SDK的文檔描述了其中較新的“Streamable HTTP”支持，在其示例中有所體現。不過，對於Cursor來說，我們需要的是SSE（Server-Sent Events）支持，這在官方MCP文檔中有更詳細的說明。
2. The Inspector非常有用，但它的使用方法可能有些誤導。假設本地的MCP服務器已經運行，並且正在使用SSE，只需簡單的pnpx @modelcontextprotocol/inspector命令即可啟動。