mcpField
W
Website Screenshot & PDF

Website Screenshot & PDF

远程服务
apify.com其他0今天更新

关于 Website Screenshot & PDF

Website Screenshot & PDF 是远程 MCP 服务,可将网站或提供的 HTML 捕获为图像、PDF 和滚动视频。它面向需要视觉捕获、页面文本或可分享文件链接的 Agent 和 MCP 客户端。

主要功能

  1. 01整页、视口、元素和区域捕获
  2. 02输出 PNG、JPEG、WebP、PDF、MP4 和 GIF
  3. 03设备预设及精确设备型号
  4. 04处理 Cookie 横幅和广告
  5. 05登录页面捕获选项
  6. 06页面文本和公开文件链接

适用场景

  1. 01生成网站整页截图
  2. 02将页面导出为可打印 PDF
  3. 03按指定设备布局捕获网站
  4. 04录制滚动视频或提取页面文本

MCP 相关

远程 Streamable HTTP MCP 服务提供 Apify Website Screenshot & PDF Actor 的捕获功能。不支持远程 MCP 的客户端也可通过 stdio 本地连接。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

网站截图 MCP:为 AI Agent 提供截图、PDF 和滚动视频

让你的 AI Agent 看见网页。只需一个工具,即可将任意网站或你自己的 HTML 捕获为 PNG、JPEG 或 WebP 截图、PDF,或滚动 MP4/GIF 视频,并返回文件的公开链接。

它以远程 MCP 服务(Streamable HTTP)的形式运行,无需安装或托管。其底层调用 Apify 上的 Website Screenshot & PDF Actor。

https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf

你的 Agent 可以用它做什么

  • 整页或首屏: 从上到下捕获整个页面、仅捕获首屏、自定义高度、单个元素(CSS 选择器)或精确区域。
  • 格式: PNG、JPEG、WebP、PDF(A4、Letter、Legal 等,或单页长图)以及滚动 MP4 或 GIF。
  • 设备: 桌面电脑、笔记本电脑、MacBook、iPad、iPhone、Android、社交媒体卡片,或 200 多种精确设备型号。支持 Retina 2x/3x 和深色模式。
  • 干净的截图: 隐藏 Cookie 横幅或点击横幅(接受或拒绝)、拦截广告、修复粘性页眉以免重复、加载延迟图片、正确渲染表情符号和亚洲文字。
  • 已登录页面: Cookie、额外请求头、HTTP 基本身份验证、语言、时区、位置和代理。
  • 供 AI 使用的页面文本: 在同一次调用中获取页面可见文本和元描述。
  • 公平计费: 只需为成功的截图付费。失败的页面不收费。

连接

Claude(claude.ai 和 Claude Desktop)

前往 Settings → Connectors → Add custom connector,粘贴下方 URL,并在提示时登录 Apify。

https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf
Claude Code
claude mcp add --transport http website-screenshot "https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf"
Cursor、Windsurf、VS Code 和其他 MCP 客户端
{
  "mcpServers": {
    "website-screenshot": {
      "url": "https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf"
    }
  }
}

客户端首次使用时会打开 Apify 登录页面(OAuth)。如果客户端不支持 OAuth,请改为在请求头中发送 Apify API 令牌:

{
  "mcpServers": {
    "website-screenshot": {
      "url": "https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf",
      "headers": { "Authorization": "Bearer <APIFY_TOKEN>" }
    }
  }
}

前往 Apify Console → Settings → API & Integrations 获取令牌。Apify 免费账户包含每月额度。

本地(stdio),适用于不支持远程 MCP 的客户端
{
  "mcpServers": {
    "website-screenshot": {
      "command": "npx",
      "args": ["-y", "@apify/actors-mcp-server", "--tools", "devdeep/website-screenshot-pdf"],
      "env": { "APIFY_TOKEN": "<APIFY_TOKEN>" }
    }
  }
}

试试这些提示词

主要输入项

输入项作用示例
urls / url / html要捕获的页面,或你自己的 HTML["https://apify.com"]
captureModefullPage、viewport、customHeight、element、region"fullPage"
formatpng、jpeg、webp、pdf、mp4、gif"webp"
device / devicePreset屏幕类型或精确型号"mobile" / "iPhone 15 Pro"
elementSelector当 captureMode 为 element 时使用的 CSS 选择器"#pricing"
cookieBannershide、accept、reject、off"accept"
darkMode深色配色方案true
thumbnailWidth同时返回较小的 JPEG 预览图400
includePageText同时返回页面文本true
pdfPaperA4、Letter、Legal……或 singlePage"A4"
videoSeconds滚动视频时长8

完整列表(55 个选项)请见 Actor 的输入页面。

返回内容

每个页面返回一个结果:

{
  "url": "https://apify.com/",
  "status": "success",
  "screenshotUrl": "https://api.apify.com/v2/key-value-stores/…/records/0001-apify-com.png",
  "thumbnailUrl": "https://api.apify.com/v2/key-value-stores/…/records/0001-apify-com-thumb.jpg",
  "format": "png",
  "width": 1920,
  "height": 10052,
  "title": "Apify: Marketplace of ready-to-run tools for AI",
  "error": null
}

status 的值为 success、failed(附带 error,不收费)或 skipped(本次运行达到最高费用,不收费)。

不使用 MCP(REST API)

curl -X POST "https://api.apify.com/v2/acts/devdeep~website-screenshot-pdf/run-sync-get-dataset-items?token=$APIFY_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{"urls": ["https://apify.com"], "format": "png", "captureMode": "fullPage"}'

更多示例见 examples/:Node.js、Python 和 cURL。

定价

按成功捕获次数付费,无订阅费用:

事件价格
截图或 PDF$0.005(每 1,000 次 $5)
滚动 MP4/GIF 视频$0.02

失败和跳过的页面免费;包含缩略图和页面文本。请参阅实时定价。

现成示例

所有示例都列在示例页面上。

支持

发现问题或需要某项功能?请在此处或 Actor 的 Issues 选项卡中提交问题。

仅捕获你获准访问的页面,并且仅在自己拥有的账户中使用 Cookie 或密码。

许可证

此仓库中的示例和配置采用 MIT 许可。截图服务本身运行在 Apify 上。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。