Skills Plugins MCP Prompt Model 博客 我的中心
开发者工具 #Puppeteer#浏览器#自动化#截图#测试

Puppeteer MCP Server

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

开发者工具 Claude Desktop · Cursor · Continue npm 3 个平台 6 项功能

安装

npx -y @modelcontextprotocol/server-puppeteer

把上面的配置写入 MCP 客户端的配置文件(Claude Desktop 为 claude_desktop_config.json),重启客户端后生效。

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

把上面的配置写入 MCP 客户端的配置文件(Claude Desktop 为 claude_desktop_config.json),重启客户端后生效。

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

  • 让 AI 打开网页并对页面截图,用于前端验收
  • 自动填写复杂表单并提交,用于集成测试
  • 抓取多页搜索结果并汇总为表格
  • 让 AI 将网页另存为 PDF 报告
  • 性能分析:让 AI 测量页面加载时间和 Lighthouse 分数
  • 首次安装时会下载 Chromium(约 300MB),请确保网络畅通
  • 截图默认 Viewport 为 1280x720,可以指定更大尺寸
  • 配合 GitHub MCP 可以实现网页截图后自动提交到 Issue
  • 服务器环境需要安装 Chromium 依赖,参考 Puppeteer 官方文档

数据来源:公开的 MCP Server 目录。本站为独立第三方目录,与各 MCP Server 维护方均无隶属或背书关系;名称与简介如实标注,介绍文案由本站再加工。

每日精选 Skill 推荐,免费送到你邮箱

输入邮箱,每天接收一个精选 AI Agent 技能推荐。完全免费,持续更新。

提交后我们会发送一封确认邮件,点击邮件里的链接才会开始收信。

完全免费,取消任意时间。我们不会发送垃圾邮件。