mcpField
M
mcp-server-fetch-typescript MCP Server

mcp-server-fetch-typescript MCP Server

本地服务
github.com/tatn浏览器自动化385 周前更新

关于 mcp-server-fetch-typescript MCP Server

mcp-server-fetch-typescript 是用于获取网页内容并转换格式的 MCP 服务,适合需要提取或归档网页文本的场景。它提供原始文本、渲染后 HTML 和不同粒度的 Markdown 输出。

主要功能

  1. 01直接获取 URL 原始文本
  2. 02获取执行 JavaScript 后的 HTML
  3. 03将网页转换为 Markdown
  4. 04提取正文并生成摘要 Markdown

适用场景

  1. 01读取 JSON、XML、CSV 或纯文本文件
  2. 02抓取依赖 JavaScript 的网页内容
  3. 03归档网页并保留表格等结构
  4. 04提取文章或博客正文

MCP 相关

该 MCP 服务向 MCP 客户端提供网页获取与转换工具,包括原始文本、渲染 HTML 和 Markdown 输出。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"fetch-typescript": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/inspector"
]
}
}
}
启动命令npx -y @modelcontextprotocol/inspector

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@modelcontextprotocol/inspector

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

mcp-server-fetch-typescript MCP 服务

一个用于提供网页内容抓取和转换功能的模型上下文协议服务。该服务实现了全面的网页内容检索系统,支持多种格式和渲染方式,适用于从简单的数据提取到复杂的网页抓取等任务。

Server Fetch TypeScript MCP server

功能

工具
  • get_raw_text - 直接从 URL 获取原始文本内容

    • 将 url 作为必需参数,用于指定基于文本的资源
    • 返回未经处理的文本内容,不进行浏览器渲染
    • 适用于 JSON、XML、CSV、TSV 或纯文本文件
    • 适合需要快速、直接访问源内容的场景
  • get_rendered_html - 获取完全渲染的 HTML 内容

    • 将 url 作为必需参数
    • 返回 JavaScript 执行后的完整 HTML 内容
    • 使用 Playwright 进行无头浏览器渲染
    • 对现代 Web 应用和 SPA 至关重要
  • get_markdown - 将网页内容转换为 Markdown 格式

    • 将 url 作为必需参数
    • 返回格式规范的 Markdown,并保留结构元素
    • 支持表格和定义列表
    • 推荐用于内容归档和文档编写
  • get_markdown_summary - 提取并转换主要内容

    • 将 url 作为必需参数
    • 返回聚焦于主要内容的简洁 Markdown
    • 自动移除导航栏、页眉和页脚
    • 非常适合提取文章和博客文章

安装

作为全局软件包安装
npm install -g mcp-server-fetch-typescript
作为项目依赖安装
npm install mcp-server-fetch-typescript

用法

与 Claude Desktop 搭配使用

要与 Claude Desktop 搭配使用,请添加服务配置:

在 MacOS 上:~/Library/Application Support/Claude/claude_desktop_config.json
在 Windows 上:%APPDATA%/Claude/claude_desktop_config.json

"mcpServers": {
  "mcp-server-fetch-typescript": {
    "command": "npx",
    "args": [
      "-y",
      "mcp-server-fetch-typescript"
    ]
  }
}

或添加以下配置:

git clone https://github.com/tatn/mcp-server-fetch-typescript.git
cd mcp-server-fetch-typescript
npm install
npm run build
"mcpServers": {
  "mcp-server-fetch-typescript": {
    "command": "node",
    "args": [
      "/path/to/mcp-server-fetch-typescript/build/index.js"
    ]
  }
}
调试

调试 MCP 服务:

npx @modelcontextprotocol/inspector npx -y mcp-server-fetch-typescript
npx @modelcontextprotocol/inspector node /path/to/mcp-server-fetch-typescript/build/index.js

评论

支持 Markdown

第一次接触 MCP?

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

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