Puppeteer MCP Server

开发者工具

简介

基于 Puppeteer 的浏览器自动化 MCP Server，让 AI 操控 Chrome/Chromium 浏览器。支持网页导航、元素点击、表单填写、内容抓取、页面截图、PDF 生成、性能分析。自然语言即可完成浏览器自动化任务。

核心功能

浏览器自动化网页截图 PDF 生成表单填写性能分析页面交互

使用场景

1 让 AI 打开网页并对页面截图，用于前端验收

2 自动填写复杂表单并提交，用于集成测试

3 抓取多页搜索结果并汇总为表格

4 让 AI 将网页另存为 PDF 报告

5 性能分析：让 AI 测量页面加载时间和 Lighthouse 分数

快速开始

第一步：确保系统已安装 Node.js 18+ 和 Chrome/Chromium 浏览器。第二步：在终端执行安装命令，Puppeteer 会自动下载 Chromium。第三步：在 MCP 客户端配置文件中添加配置，无需额外环境变量。第四步：重启客户端，在对话中描述浏览器操作需求。第五步：AI 将通过自然语言指令操控浏览器。

安装命令

        $ npx -y @modelcontextprotocol/server-puppeteer
      

配置示例

{
  "mcpServers": {
    "puppeteer": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-puppeteer"]
    }
  }
}

使用技巧

• 首次安装时会下载 Chromium（约 300MB），请确保网络畅通

• 截图默认 Viewport 为 1280x720，可以指定更大尺寸

• 配合 GitHub MCP 可以实现网页截图后自动提交到 Issue

• 服务器环境需要安装 Chromium 依赖，参考 Puppeteer 官方文档

平台支持

Claude Desktop, Cursor, Continue