Token导航 LogoToken导航

MCP Server · 浏览器工具

Spa Reader MCP

一个通过无头Chromium渲染JavaScript SPA页面并提取Markdown内容的MCP服务器工具,解决了传统爬虫无法处理客户端渲染内容的问题。

stdio官方级别未说明来源级核验工具 2playwright
浏览器自动化TypeScriptClaude

快速开始

作者 / 组织
XXO47OXX
提供方
XXO47OXX
运行时
Node.js

工具数量

2

来源目录标注

资源数量

0

来源目录标注

提示词数量

0

来源目录标注

GitHub Star

0

仓库热度

收录来源

2 个

MCP World

选型结论

Spa Reader MCP 属于浏览器工具类 MCP Server,公开资料标注 2 个工具,通过stdio 本地进程接入,适配 Claude,有可以直接复制的安装命令;接入前要先准备 会话凭据。

分类

浏览器工具

传输方式

stdio

认证方式

会话凭据

部署方式

仅本地运行

安装与配置

安装命令

npx playwright install chromium

公开命令不是通用的启动方式,拼不出可靠配置示例;请在客户端 MCP 配置里按官方文档填写 command 和 args。

上手步骤

  1. 1

    准备运行环境

    stdio 服务在本地起进程,需要先装好 Node.js,再按安装命令拉取依赖。

  2. 2

    安装服务

    复制下面的安装命令执行;命令里带占位符的位置换成自己的密钥或路径。

  3. 3

    写入客户端配置

    在客户端的 MCP 配置里填启动命令和参数,保存后完全退出客户端再打开,让新配置生效。

  4. 4

    验证是否可用

    连接成功后客户端会列出 2 个工具,随便调一个只读工具确认能返回结果。

接入前确认

不要直接授予不必要的文件、网络或账号权限;先核对安装命令和配置内容。

详细介绍

spa阅读器mcp

MCP服务器,通过无头Chromium渲染JavaScript SPA页面并提取Markdown。

传统的抓取器在SPA上失败,因为内容是在客户端呈现的。该工具启动Playwright,等待JS完成,然后使用Readability+Turndown提取干净的Markdown。

安装

npx playwright install chromium

克劳德桌面版

{
  "mcpServers": {
    "spa-reader": {
      "command": "npx",
      "args": ["-y", "spa-reader-mcp"]
    }
  }
}

克劳德代码

claude mcp add spa-reader -- npx -y spa-reader-mcp

工具

spa_read

渲染页面并将内容提取为Markdown。

参数类型默认值说明
urlstring--要读取的URL(必需)
waitForSelectorstring--要等待的CSS选择器
waitTimeoutnumber30000超时(毫秒)
includeMetadatabooleantrue添加YAML frontmatter
cookiesarray--用于身份验证的Cookie
headersobject--自定义HTTP标头

spa_screenshot

JS渲染后捕获PNG屏幕截图。

参数类型默认值说明
urlstring--要捕获的URL(必需)
waitForSelectorstring--要等待的CSS选择器
waitTimeoutnumber30000超时(毫秒)
width数字1280视口宽度
height数字720视口高度
fullPagebooleanfalse整页捕获
cookiesarray--用于身份验证的Cookie
headersobject--自定义HTTP标头

安全

  • SSRF保护:阻止私有/环回IP
  • 仅 http: 和 https: 允许的方案
  • 选择器注射预防
  • 内容上限为100KB

开发

pnpm install && pnpm build
pnpm test

许可证

麻省理工学院

工具与能力

工具数量

2

资源数量

0

提示词数量

0

能力标签

SPA渲染TypeScript本地部署Markdown提取无头浏览器网页抓取Playwright

支持客户端

Claude

数量来自来源目录的标注,具体工具清单以官方文档为准。

典型使用场景

自动操作网页

打开页面、点击、填表,把浏览器动作交给模型执行。

抓结构化数据

把页面内容整理成表格或 JSON,省掉手工复制粘贴。

走一遍关键流程

按步骤检查页面是否正常,回归时少漏环节。

选择建议

值得选的地方

  • 只提供 2 个工具,职责集中,接入后不容易误操作。
  • 有现成的安装命令,不用自己找入口,照着跑就能起服务。
  • 公开说明写得比较完整,接入前能看清能力边界。

先想清楚的地方

  • stdio 方式要求本地装好 Node.js,换机器要重新装一遍。
  • 需要自备会话凭据,没有凭据没法直接试。
  • 第三方目录整理,版本更新和行为细节以官方仓库为准。

更适合

  • 需要在浏览器工具场景里让模型直接调用外部能力的人。
  • 已经在用 Claude 的用户,接入路径最短。
  • 想先快速试一下、能接受在本地跑服务的人。

不太适合

  • 完全不想在本地装环境的人。
  • 暂时拿不到会话凭据的人。
  • 需要厂商级 SLA 和技术支持的生产环境。

同类对比

5 个同类
MCP Server工具数传输方式安装命令收录来源最后核验
Spa Reader MCP

MCP World · 本页

2stdio有2 个2026-05-17
Fetch 9a2682de

MCP.so

1SSE有3 个2026-05-17
Browser 738d52bc

MCP World

0stdio有1 个2026-05-17
Playwright MCP Server

MCP.so

21stdio有4 个2026-05-17
Skyvern MCP

MCP World

0stdio有2 个2026-05-17

按同分类和工具数量挑出最接近的几条,字段以各自详情页为准。

常见问题

5 条

Spa Reader MCP 怎么安装?

公开资料给出的安装命令是 npx playwright install chromium,运行环境为 Node.js。装完后按客户端要求写进 MCP 配置,重启客户端生效。

Spa Reader MCP 怎么在 Claude Desktop、Cursor 里配置?

它是stdio 本地进程,客户端配置里要写启动命令和参数,运行环境是 Node.js;保存后完全退出客户端再打开,配置才会生效。

Spa Reader MCP 收费吗?

本站只整理公开资料,不代收费用,也没有标注具体价格。是否收费取决于服务本身和背后的接口额度,正式使用前按官方说明确认。

Spa Reader MCP 需要 API Key 吗?

公开资料标注的认证方式是会话凭据,也就是要先拿到凭据才能连上;凭据只填在自己本地的配置里,不要写进公开仓库。

Spa Reader MCP 支持哪些客户端?

公开资料标注支持 Claude;其他客户端只要能配置 MCP Server,也能用同样的命令或地址接入。

来源信息

继续浏览同类 MCP