webpage-screenshot-mcp logo

webpage-screenshot-mcp让你的代理能够拍摄网页快照的 MCP。有用当你想要你的代理在开发过程中检查它的进度时。

(0)
Daniel Nikulshyn审阅者 Daniel Nikulshyn·更新 2026年7月

概览

网页快照 MCP 是一个 Model Context Protocol (MCP) 服务器,它使 AI 代理能够使用 Puppeteer 捕获网页快照。这一工具在可视化验证 Web 应用和监视开发过程中非常有用。它支持全页面快照、元素快照(通过 CSS 选择器)和多种图像格式,如 PNG、JPEG 和 WebP。 MCP 服务器提供可定制的选项,如设置视图口大小、图像质量、等待条件和延迟。它也支持 base64 编码,方便集成,还支持通过手动登录和 cookie 持续性进行身份验证,以及用于多步工作流中的会话持久性。该工具可通过 Claude Desktop Extension 安装或手动从源码安装。它提供登录和等待用户交互工具,以及捕获网页快照的工具,可通过各种选项调整。

主要功能

  • 全页面快照
  • 使用 CSS 选择器的元素快照
  • 多种格式(PNG、JPEG、WebP)
  • 可定制选项(视图口大小、图像质量、等待条件、延迟)
  • 为集成提供 base64 编码
  • 支持身份验证(手动登录和 cookie 持续性)

价格

模型
Free
评分
暂无评价

使用场景

可视化 Web 应用验证

使用 Webpage 快照 MCP 服务器进行可视化验证 Web 应用开发和测试。

自动快照生成

使用 MCP 服务器来自动生成网页快照,方便可视检查和测试。

优点 & 缺点

优点

  • 有助于 Web 应用的可视化验证
  • 支持全页面和元素快照
  • 提供多种图像格式和可定制选项
  • 允许身份验证支持和会话持久性

缺点

  • 需要 Puppeteer 和 Node.js 运行
  • 可能需要针对特定用例进行额外的配置

评测

登录以留下评测。

暂无评测。来当第一个吧!

问答

What prerequisites are needed to run webpage-screenshot-mcp?

You need Node.js and Puppeteer installed; the tool can be added via a Claude Desktop Extension or manually from source, but may need additional setup for custom use cases.

Asked by Sven Bergqvist · May 15, 2026

How does authentication work with this tool?

The MCP server supports manual login and cookie persistence, letting you maintain authenticated sessions across multiple screenshot requests.

Asked by Aisha Khan · Apr 26, 2026

Can I capture only a specific element on a page?

Yes, using CSS selectors you can request element screenshots, which is handy for checking individual components during development.

Asked by Fiorella Bianchi · Apr 4, 2026

What image formats can webpage-screenshot-mcp produce?

It supports PNG, JPEG, and WebP formats, allowing you to choose the best balance between quality and file size.

Asked by Lior Ben-David · Feb 20, 2026

提问

服务配缩器 的替代品