Back to MCP directory
publicPublicdnsLocal runtime

Screenshot Server

一个基于Puppeteer的网页截图服务

article

README

🚀 MCP 截图服务器

MCP 截图服务器基于 Puppeteer 实现,具备强大的网页截图功能。借助简单的 MCP 工具界面,它能轻松捕获网页和本地 HTML 文件的截图,为用户提供便捷的截图体验。

🚀 快速开始

该服务器通过 Puppeteer 实现网页截图功能,可利用简单的 MCP 工具界面,对网页和本地 HTML 文件进行截图操作。

✨ 主要特性

  • 能够捕捉任何网页或本地 HTML 文件的截图。
  • 支持视口维度的配置,满足多样化的截图需求。
  • 提供全页面截图支持,完整展示页面内容。
  • 具备自定义输出路径选项,方便用户管理截图文件。
  • 可自动管理截图目录,让截图存储更加有序。

📦 安装指南

npm install

💻 使用示例

基础用法

服务器提供了 take_screenshot 工具,支持以下参数:

{
  url: string;         // 要捕获的 URL(可以是 http://、https:// 或 file:///)
  width?: number;      // 视口宽度(单位:像素,范围 1-3840)  
  height?: number;     // 视口高度(单位:像素,范围 1-2160)  
  fullPage?: boolean;  // 捕捉完整的可滚动页面  
  outputPath?: string; // 自定义输出路径(可选)  
}

🔧 技术细节

开发步骤

# 构建项目
npm run build

# 运行 MCP 检查工具以进行测试
npm run inspector

📄 许可证

本项目采用 MIT 许可证。

help

Runtime guide

cloud

Hosted runtime

Hosted servers run from a provider-managed environment. You usually connect the MCP client to the hosted endpoint or follow the provider's authorization flow, without keeping a local process alive

  1. Open provider connection page
  2. Authorize or copy endpoint
  3. Connect from your MCP client
terminal

Local runtime / other methods

Local servers run on your own machine or infrastructure. You normally copy the server_config into your MCP client, install the required package, and provide env variables from env_schema when needed

  1. Copy server_config
  2. Install required package
  3. Fill env variables and restart client