mcpField
S
Screenshotline

Screenshotline

远程服务
screenshotline.com浏览器自动化06 周前更新

关于 Screenshotline

Screenshotline 是面向 Agent 的 MCP 服务,可将网页以图像或整洁的 Markdown 提供给 Agent。它会先渲染页面,并移除常见遮挡内容。

主要功能

  1. 01将网页截取为图像
  2. 02提取 Markdown 页面文本
  3. 03渲染 JavaScript 页面
  4. 04移除横幅、广告和弹窗

适用场景

  1. 01以视觉方式检查网页布局
  2. 02提取动态网站的文本

MCP 相关

向 MCP 客户端提供 `screenshot` 和 `read_page` 工具。MCP 桥接程序连接 Screenshotline 渲染 API,也支持自托管实例。

配置

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

服务地址https://api.screenshotline.com/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

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

全部服务地址
Streamable HTTPhttps://api.screenshotline.com/mcp需要授权

工具

2
参数类型必填说明
urlstring是要捕获的页面。必须使用 http 或 https。
formatenum否默认值为 png。png | jpeg | webp
selectorstring否仅捕获与此 CSS 选择器匹配的元素。
block_adsboolean否阻止广告网络并折叠空白广告位。默认值为 true。
full_pageboolean否捕获整个可滚动页面,而非仅捕获视口。
block_chatsboolean否移除在线聊天小组件。默认值为 true。
block_popupsboolean否移除新闻简报和捐款插页。默认值为 true。
color_schemeenum否以浅色或深色模式渲染页面。light | dark
viewport_widthnumber否视口宽度,单位为像素。默认值为 1280。
viewport_heightnumber否视口高度,单位为像素。默认值为 800。
block_cookie_bannersboolean否移除同意横幅。默认值为 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_URLhttps://api.screenshotline.com任意 Screenshotline 实例。

此软件包仅提供 MCP 桥接功能——一个文件加上 MCP SDK。它不会下载浏览器;渲染由其指向的 API 完成。

文档:screenshotline.com/docs/extract · 许可证:AGPL-3.0-or-later

评论

支持 Markdown

第一次接触 MCP?

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

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