返回 MCP 目录
public公开dns本地运行

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

运行方式说明

cloud

托管运行

托管运行通常表示这个 MCP Server 由服务方环境承载,用户一般按页面提供的连接方式或授权流程接入,不需要在本地长期启动一个 MCP 进程

  1. 打开服务方连接页
  2. 完成授权或复制端点
  3. 在 MCP 客户端中连接
terminal

本地运行 / 其它方式

本地运行通常需要用户在自己的电脑或服务器上安装依赖,把 server_config 复制到 MCP 客户端,并按 env_schema 补齐环境变量、密钥或其它配置

  1. 复制 server_config
  2. 安装所需依赖
  3. 补齐环境变量后重启客户端