mcpField
U
URLpipe

URLpipe

远程服务
urlpipe.dev浏览器自动化02 周前更新

关于 URLpipe

URLpipe 是面向需要查看 JavaScript 执行后网页内容的 Agent 的托管浏览器渲染服务。其 MCP 工具可返回渲染内容、页面截图、元数据、提取结果和诊断信息。

主要功能

  1. 01在 Chrome 中渲染网页
  2. 02以 Markdown 或 HTML 返回页面内容
  3. 03截取页面图像和 PDF
  4. 04检查元数据与网站技术
  5. 05按指定架构提取数据
  6. 06运行 Lighthouse 并收集控制台错误

适用场景

  1. 01读取由 JavaScript 构建的页面
  2. 02截取页面以供视觉检查
  3. 03提取网页中的指定字段
  4. 04检查页面性能和控制台问题

MCP 相关

通过 `https://urlpipe.dev/mcp` 提供托管的 Streamable HTTP MCP 服务。MCP 客户端可使用页面获取与分析工具、提示词和定价资源;访问由 bearer token 控制。

配置

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

服务地址https://urlpipe.dev/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://urlpipe.dev/mcp需要授权

工具

17

此工具无需参数。

详细介绍

URLpipe

URLpipe MCP 服务

让你的 Agent 使用能先运行网页 JavaScript 再读取内容的浏览器。
网站 · 文档 · 定价

smithery 徽章 Glama 上的 URLpipe MCP 连接器


普通的 fetch 工具会执行 HTTP GET。在浏览器中构建页面的网站上—— React、Vue,以及大多数文档网站和仪表盘——它会返回一个空壳;Agent 要么说自己无法读取页面,要么猜测页面内容。

URLpipe 会先在真正的 Chrome 中加载每个页面,然后将 Agent 请求的内容交给它:页面的 Markdown、可供查看的截图、PDF、元数据、符合你定义架构的数据、控制台错误或 Lighthouse 审计结果。

  • 托管服务。 通过 https://urlpipe.dev/mcp 提供 Streamable HTTP。无需安装或运行任何东西。
  • 一个 Bearer 令牌。 可设为只读、限定为单个项目,或设置过期时间。
  • 17 个工具。 涵盖每项 API 操作,以及结果、请求历史、项目和用量。
  • 与 HTTP API 使用相同的点数。 每月免费 1,000 点,无需信用卡。缓存结果不收费。
  • 在欧盟处理。 获取、渲染和存储均在欧洲进行。

此仓库包含该服务的注册信息(server.json)以及各客户端的配置。服务本身运行于 urlpipe.dev。

获取令牌

  1. 注册并确认你的电子邮件地址。
  2. 在控制面板中,打开 Organization → MCP access 并创建令牌。对于正常工作的 Agent,选择 Fetch pages and read results;对于必须绝不消耗点数的 Agent,选择 Read past results only。
  3. 复制令牌——它只会显示一次。

每个客户端都会将令牌作为 Authorization: Bearer YOUR_TOKEN 发送。

连接客户端

Claude Code
claude mcp add --transport http urlpipe https://urlpipe.dev/mcp \
  --scope user \
  --header "Authorization: Bearer YOUR_TOKEN"

或者在 .mcp.json 中与团队共享,每个人自行设置 URLPIPE_TOKEN:

{
  "mcpServers": {
    "urlpipe": {
      "type": "http",
      "url": "https://urlpipe.dev/mcp",
      "headers": {
        "Authorization": "Bearer ${URLPIPE_TOKEN}"
      }
    }
  }
}
Claude Desktop

如果组织支持在 Customize → Connectors → Add custom connector 中设置请求头,请添加 https://urlpipe.dev/mcp,选择 No sign-in,并将 authorization 请求头设为 Bearer YOUR_TOKEN。否则,可在 claude_desktop_config.json 中使用开源 mcp-remote 桥接工具(需要 Node.js):

{
  "mcpServers": {
    "urlpipe": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://urlpipe.dev/mcp",
        "--header",
        "Authorization:${URLPIPE_AUTH}",
        "--transport",
        "http-only"
      ],
      "env": {
        "URLPIPE_AUTH": "Bearer YOUR_TOKEN"
      }
    }
  }
}
Cursor

~/.cursor/mcp.json,或项目中的 .cursor/mcp.json:

{
  "mcpServers": {
    "urlpipe": {
      "url": "https://urlpipe.dev/mcp",
      "headers": {
        "Authorization": "Bearer ${env:URLPIPE_TOKEN}"
      }
    }
  }
}
VS Code

.vscode/mcp.json — VS Code 会提示你输入一次令牌,并安全地存储它:

{
  "inputs": [
    {
      "type": "promptString",
      "id": "urlpipe-token",
      "description": "URLpipe MCP token",
      "password": true
    }
  ],
  "servers": {
    "urlpipe": {
      "type": "http",
      "url": "https://urlpipe.dev/mcp",
      "headers": {
        "Authorization": "Bearer ${input:urlpipe-token}"
      }
    }
  }
}
Windsurf

mcp_config.json:

{
  "mcpServers": {
    "urlpipe": {
      "serverUrl": "https://urlpipe.dev/mcp",
      "headers": {
        "Authorization": "Bearer ${env:URLPIPE_TOKEN}"
      }
    }
  }
}
Cline

cline_mcp_settings.json:

{
  "mcpServers": {
    "urlpipe": {
      "type": "streamableHttp",
      "url": "https://urlpipe.dev/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_TOKEN"
      },
      "disabled": false,
      "autoApprove": ["list_projects", "get_usage", "get_result"]
    }
  }
}
Zed

settings.json:

{
  "context_servers": {
    "urlpipe": {
      "url": "https://urlpipe.dev/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_TOKEN"
      }
    }
  }
}
从目录添加

URLpipe 已列入 Smithery、 Glama 和 cursor.directory(作为 Cursor 插件),也已列入官方 MCP 注册表,名称为 dev.urlpipe/mcp。在 Smithery 上,直接粘贴令牌即可——服务接受带或不带 Bearer 前缀的令牌。

各客户端的分步指南、可尝试的首个提示词以及故障排查说明,请访问 urlpipe.dev/integrations。

工具

工具返回内容积分
list_projects令牌可访问的项目。从这里开始:每个抓取工具都需要 project_id。0
get_usage套餐允许的操作、本周期剩余额度,以及每项操作的费用。0
fetch_markdown页面运行完 JavaScript 后的主要内容,格式简洁,为 Markdown。阅读页面时使用此工具。1
fetch_html渲染后的 DOM——浏览器看到的内容,而不是 shell 的 curl 获取到的内容。1
capture_screenshot整页截图,以模型可查看的图像形式返回。支持视口、设备缩放比例、深色模式、按选择器截取单个元素,以及 PNG/JPEG/WebP 格式。1
capture_pdf整个渲染后的页面转为 PDF,包含网页字体和延迟加载的图片。支持纸张大小、方向、页边距、缩放比例,以及打印或屏幕样式表。1
capture_console_errors加载期间的 console.error 和 console.warn、未捕获的异常以及未处理的 Promise 拒绝。1
run_lighthouse_audit真正的 Lighthouse 审计:性能、无障碍、最佳实践、SEO 和 Core Web Vitals。2
extract_metadata页面声明的所有元数据——Open Graph、Twitter 卡片、JSON-LD、meta 标签等,汇总在一个对象中;每个页面使用相同的键:标题、作者、日期、分享图片、图标、订阅源等。1
detect_technologies网站使用的技术——CMS、框架、分析工具、CDN、Web 服务器等,并提供各项技术的版本、置信度和判定依据。1
extract_keywords由语言模型评估并排序的 5–15 个最能代表页面的词语。15
summarize_page页面主要内容的简短 Markdown 摘要。17
extract_data按你定义的架构从页面提取数据:指定字段名后,恰好返回这些键;页面未提供值时则返回 null。适用于产品详情、价格、联系信息和项目列表。24
scrape_url一次访问页面即可执行上述多项操作。每项操作照常计费。总和
get_result根据令牌获取先前请求的结果。0
list_requests项目最近的请求,按时间从新到旧排列。0
get_request获取某个历史请求的所有信息,但不包括结果:耗时、缓存和 Webhook 传递情况。0

**默认采用异步模式,**与 HTTP 一样:抓取工具会立即返回令牌,之后由 get_result 获取结果。也可以传入 sync: true 等待结果。大多数 Agent 会根据工具说明自行理解这一点;在提示词中注明“使用 sync: true”可以省去一次往返。

**重复请求免费。**结果会保留 30 天;只要结果的时效未超过 max_age(默认 7 天),就会重复使用。

提示词和资源

能够显示 MCP 提示词(通常显示为斜杠命令)的客户端会提供三个可直接使用的提示词:

提示词参数功能
read_pageurl、question(可选)以 Markdown 格式读取页面并回答问题,或总结页面。
audit_pageurl、device(可选:mobile 或 desktop)健康报告:Lighthouse 评分、Core Web Vitals 和控制台错误。
compare_pagesurl_a、url_b、focus(可选)并排对比两个页面:各自表达的内容及呈现方式。

资源 urlpipe://pricing 包含各套餐及每项操作的费用,Agent 可在使用积分前查询价格。

initialize、tools/list、prompts/list 和 resources/list 无需令牌即可响应,因此你可以直接从服务查看所有这些信息:

curl -s https://urlpipe.dev/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json, text/event-stream" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/list"}'

第一个提示词

Using urlpipe with sync: true, read https://news.ycombinator.com as Markdown and list
the five top stories with their links. Then take a screenshot of the first story's page
and tell me what the page looks like.

它不做什么

URLpipe 一次只回答有关一个 URL 的问题。它不会抓取整个网站、发现 URL,也无法访问 localhost 和私有地址——它从自己的服务抓取公开页面。默认情况下,它会遵循各网站的 robots.txt。

链接

本仓库中的配置和文档采用 MIT 许可证。 URLpipe 服务受其条款约束。

评论

支持 Markdown

第一次接触 MCP?

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

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