关于 Website Screenshot & PDF
Website Screenshot & PDF 是远程 MCP 服务,可将网站或提供的 HTML 捕获为图像、PDF 和滚动视频。它面向需要视觉捕获、页面文本或可分享文件链接的 Agent 和 MCP 客户端。
主要功能
- 01整页、视口、元素和区域捕获
- 02输出 PNG、JPEG、WebP、PDF、MP4 和 GIF
- 03设备预设及精确设备型号
- 04处理 Cookie 横幅和广告
- 05登录页面捕获选项
- 06页面文本和公开文件链接
适用场景
- 01生成网站整页截图
- 02将页面导出为可打印 PDF
- 03按指定设备布局捕获网站
- 04录制滚动视频或提取页面文本
MCP 相关
远程 Streamable HTTP MCP 服务提供 Apify Website Screenshot & PDF Actor 的捕获功能。不支持远程 MCP 的客户端也可通过 stdio 本地连接。
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
https://mcp.apify.com/?tools=devdeep/website-screenshot-pdfclaude mcp add --transport http devdeep-borisagar-website-screenshot https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf{"mcpServers":{"devdeep-borisagar-website-screenshot":{"type":"http","url":"https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf"}}}在 Cursor 中打开{"servers":{"devdeep-borisagar-website-screenshot":{"type":"http","url":"https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf"}}}在 VS Code 中打开{"mcpServers":{"devdeep-borisagar-website-screenshot":{"type":"http","url":"https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf"}}}{"mcpServers":{"devdeep-borisagar-website-screenshot":{"serverUrl":"https://mcp.apify.com/?tools=devdeep/website-screenshot-pdf"}}}命令在终端中运行;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>" }
}
}
}
试试这些提示词
- “为 https://stripe.com 截取整页截图,并把链接发给我。”
- “展示 https://example.com 在 iPhone 15 上的显示效果,并接受 Cookie 横幅。”
- “将 https://en.wikipedia.org/wiki/Web_scraping 保存为 A4 PDF。”
- “为我的着陆页 https://mysite.com 录制一段 6 秒的滚动视频。”
- “在深色模式下,仅截取 https://example.com 的定价部分(#pricing)。”
- “截取这 20 个竞争对手的首页,并提供缩略图。”
主要输入项
| 输入项 | 作用 | 示例 |
|---|---|---|
urls / url / html | 要捕获的页面,或你自己的 HTML | ["https://apify.com"] |
captureMode | fullPage、viewport、customHeight、element、region | "fullPage" |
format | png、jpeg、webp、pdf、mp4、gif | "webp" |
device / devicePreset | 屏幕类型或精确型号 | "mobile" / "iPhone 15 Pro" |
elementSelector | 当 captureMode 为 element 时使用的 CSS 选择器 | "#pricing" |
cookieBanners | hide、accept、reject、off | "accept" |
darkMode | 深色配色方案 | true |
thumbnailWidth | 同时返回较小的 JPEG 预览图 | 400 |
includePageText | 同时返回页面文本 | true |
pdfPaper | A4、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 上。
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。