关于 Screenshotline
Screenshotline 是面向 Agent 的 MCP 服务,可将网页以图像或整洁的 Markdown 提供给 Agent。它会先渲染页面,并移除常见遮挡内容。
主要功能
- 01将网页截取为图像
- 02提取 Markdown 页面文本
- 03渲染 JavaScript 页面
- 04移除横幅、广告和弹窗
适用场景
- 01以视觉方式检查网页布局
- 02提取动态网站的文本
MCP 相关
向 MCP 客户端提供 `screenshot` 和 `read_page` 工具。MCP 桥接程序连接 Screenshotline 渲染 API,也支持自托管实例。
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
https://api.screenshotline.com/mcpclaude mcp add --transport http mamubeenkhan-screenshotline https://api.screenshotline.com/mcp{"mcpServers":{"mamubeenkhan-screenshotline":{"type":"http","url":"https://api.screenshotline.com/mcp"}}}在 Cursor 中打开{"servers":{"mamubeenkhan-screenshotline":{"type":"http","url":"https://api.screenshotline.com/mcp"}}}在 VS Code 中打开{"mcpServers":{"mamubeenkhan-screenshotline":{"type":"http","url":"https://api.screenshotline.com/mcp"}}}{"mcpServers":{"mamubeenkhan-screenshotline":{"serverUrl":"https://api.screenshotline.com/mcp"}}}命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
https://api.screenshotline.com/mcp需要授权工具
2| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| url | string | 是 | 要捕获的页面。必须使用 http 或 https。 |
| format | enum | 否 | 默认值为 png。png | jpeg | webp |
| selector | string | 否 | 仅捕获与此 CSS 选择器匹配的元素。 |
| block_ads | boolean | 否 | 阻止广告网络并折叠空白广告位。默认值为 true。 |
| full_page | boolean | 否 | 捕获整个可滚动页面,而非仅捕获视口。 |
| block_chats | boolean | 否 | 移除在线聊天小组件。默认值为 true。 |
| block_popups | boolean | 否 | 移除新闻简报和捐款插页。默认值为 true。 |
| color_scheme | enum | 否 | 以浅色或深色模式渲染页面。light | dark |
| viewport_width | number | 否 | 视口宽度,单位为像素。默认值为 1280。 |
| viewport_height | number | 否 | 视口高度,单位为像素。默认值为 800。 |
| block_cookie_banners | boolean | 否 | 移除同意横幅。默认值为 true。 |
详细介绍
screenshotline-mcp
一个为 Agent 提供两种工具的 MCP 服务:
screenshot— 将网页捕获为图像,适用于布局就是答案的情况。read_page— 渲染网页,然后以整洁的 Markdown 返回文本,适用于答案是文本的情况。
页面会先完整渲染:执行 JavaScript、移除同意横幅、加载延迟图片,并清除广告、聊天小组件和新闻简报弹窗。因此,read_page 可用于那些通过普通 HTTP 获取时无法返回任何有用内容的网站。如果捕获结果为空,会报告为警告,而不会将其描述成页面内容。
安装
在 screenshotline.com/account 免费获取密钥——每月 500 次渲染,无需信用卡。然后在 Claude Code 中:
claude mcp add screenshotline -e SCREENSHOTLINE_ACCESS_KEY=sl_live_... -- npx -y screenshotline-mcp
也可以在任何 MCP 客户端的 JSON 配置中使用(Claude Desktop、Cursor 等):
{
"mcpServers": {
"screenshotline": {
"command": "npx",
"args": ["-y", "screenshotline-mcp"],
"env": { "SCREENSHOTLINE_ACCESS_KEY": "sl_live_..." }
}
}
}
自托管
渲染器为开源项目。将服务指向你自己的实例即可;除非你配置了密钥,否则无需密钥:
SCREENSHOTLINE_BASE_URL=http://localhost:3000 npx -y screenshotline-mcp
| 变量 | 默认值 | |
|---|---|---|
SCREENSHOTLINE_ACCESS_KEY | — | 你的 API 密钥。使用托管 API 时必填。 |
SCREENSHOTLINE_BASE_URL | https://api.screenshotline.com | 任意 Screenshotline 实例。 |
此软件包仅提供 MCP 桥接功能——一个文件加上 MCP SDK。它不会下载浏览器;渲染由其指向的 API 完成。
文档:screenshotline.com/docs/extract · 许可证:AGPL-3.0-or-later
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。