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

sethbang_mcp-screenshot-server

一个基于Puppeteer的MCP服务器实现,提供网页和本地HTML文件的截图功能。

article

README

🚀 MCP 截图服务器

MCP 截图服务器基于 MCP 实现,借助 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. 补齐环境变量后重启客户端