AI万址

网页快照服务

MCP Web Snapshot是一个基于Playwright的网页快照服务,专为LLMs设计,提供结构化可访问性快照、网络监控和控制台消息收集功能。

网页快照服务是 gustavo-meilus 开发的 MCP 服务器:MCP Web Snapshot是一个基于Playwright的网页快照服务,专为LLMs设计,提供结构化可访问性快照、。接入两步走:git clone https://github.com/your-username/mcp-web-snapshot.git,再把下文配置粘进客户端 mcpServers 段重启即可。

它是干什么的

先把话说清楚:网页快照服务不是又一个大模型,而是一个标准的 MCP 服务器。装好之后,你的 AI 客户端多出一组新工具,模型可以按需调用。MCP Web Snapshot是一个基于Playwright的网页快照服务,专为LLMs设计,提供结构化可访问性快照、网络监控和控制台消息收集功能

项目数据
开发者gustavo-meilus
Star6
收藏0
质量等级A
平台分类浏览器工具
部署标签本地部署、网页快照、网络监控
仓库mcp-web-snapshot

核心能力

  • ? Fast and lightweight: Uses Playwright's accessibility tree for efficient snapshots
  • ? Comprehensive monitoring: Captures network requests, responses, and console messages
  • ? Element references: Adds unique identifiers to interactive elements for precise targeting
  • ?️ Production-ready: Built-in error handling, resource limits, and timeout management
  • ✅ Well-tested: Comprehensive test suite with code coverage

适合谁用

两类人最该装:一是要让 AI 操控浏览器完成抓取、填表、自动化测试的人;二是已经在用 MCP 生态、想按需拼装能力的折腾型用户。反过来,如果你只需要偶尔手动用它背后的服务,直接开网页就行,不必上 MCP。

完整安装配置步骤

动手前确认环境齐了:

  • git。
  • 一个支持 MCP 的客户端:Claude Desktop、Cursor、Cline、Windsurf 任选其一。

第 1 步:安装网页快照服务

终端里任选一条(不同安装方式,效果等价):

bash
git clone https://github.com/your-username/mcp-web-snapshot.git

第 2 步:写入 MCP 配置

Claude Desktop 的配置文件路径:macOS 在 ~/Library/Application Support/Claude/claude_desktop_config.json,Windows 在 %APPDATA%\Claude\claude_desktop_config.json;Cursor 则是 ~/.cursor/mcp.json(或项目级 .cursor/mcp.json)。把下面这段并进 mcpServers 段(注意是并进外层大括号,别整个文件替换):

json
{
  "mcp-web-snapshot": {
    "command": "uv",
    "args": [
      "--directory",
      "/path/to/mcp-web-snapshot",
      "run",
      "python",
      "src/server.py"
    ]
  }
}

改完保存。Windows 用户注意:如果 commandnpx 起不来,换成 npx.cmd 再试。

第 3 步:重启并验证

完全退出客户端再打开(是托盘里真正退出,不是关窗口)。工具列表里出现网页快照服务的工具即接入成功;调用报错的话,先查下面的坑点清单。

容易踩的坑

  • 改了配置没反应:客户端只重启了窗口没退进程。macOS 按 Cmd+Q,Windows 检查托盘。
  • JSON 报错打不开客户端:多半是最后多个逗号。粘进任何 JSON 校验器里查一遍再保存。

常见问题

Q

网页快照服务免费吗?

A

代码在 GitHub(https://github.com/gustavo-meilus/mcp-web-snapshot)开放获取。个别功能依赖第三方服务时费用另算,看仓库 LICENSE 和定价页。

Q

网页快照服务能用在 Cursor / Cline 吗?

A

能。MCP 是通用协议,同一份 mcpServers 配置在这些客户端之间基本通用,只是配置文件位置不同。

Q

需要外网或代理吗?

A

拉包和调用官方 API 需要能访问 GitHub 与对应服务域名,内网环境先测 git ls-remote 和接口连通性。