mcpField
M
MCP NPX Fetch

MCP NPX Fetch

本地服务
github.com/tokenizin-agency浏览器自动化4296 周前更新

关于 MCP NPX Fetch

MCP NPX Fetch 是一个 MCP 服务,用于抓取网页内容,并将其转换为 HTML、JSON、Markdown 或纯文本格式。它通过 npx 即可运行,适合需要把网页数据交给 AI 助手处理的用户。

主要功能

  1. 01抓取 HTML、JSON、纯文本与 Markdown
  2. 02支持自定义请求头,可用于身份验证
  3. 03内置格式转换
  4. 04使用 TypeScript 编写并提供类型定义

适用场景

  1. 01将网页正文转换为 Markdown 供 LLM 阅读
  2. 02调用 JSON 接口并获取解析后的数据
  3. 03在 Claude Desktop 中获取网页内容

MCP 相关

该项目是一个 MCP 服务,向 MCP 客户端暴露 fetch_html、fetch_json、fetch_txt 和 fetch_markdown 四个工具。

配置

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

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

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

安装包
npm@tokenizin/mcp-npx-fetch

工具

4

收录的工具列表 · 更新于 3 周前

参数类型必填说明
urlstring是要获取的网站 URL
headersobject否请求中包含的可选请求头

详细介绍

MCP NPX Fetch

npm version License: MIT TypeScript Model Context Protocol

一款功能强大的 MCP 服务,可轻松获取网页内容并将其转换为多种格式(HTML、JSON、Markdown、纯文本)。

安装 • 功能 • 用法 • 文档 • 贡献

NPX Fetch MCP server


🚀 功能

  • 🌐 通用内容获取:支持 HTML、JSON、纯文本和 Markdown 格式
  • 🔒 自定义请求头支持:为请求添加身份验证信息和自定义请求头
  • 🛠 内置转换功能:自动在不同格式之间转换
  • ⚡ 高性能:使用现代 JavaScript 特性构建,并针对速度进行了优化
  • 🔌 兼容 MCP:可与 Claude Desktop 和其他 MCP 客户端无缝集成
  • 🎯 类型安全:使用 TypeScript 编写,并提供完整的类型定义

📦 安装

全局安装 NPM 包
npm install -g @tokenizin/mcp-npx-fetch

使用 NPX 直接运行
npx @tokenizin/mcp-npx-fetch

📚 文档

可用工具
fetch_html

获取并返回任意 URL 的原始 HTML 内容。

{
  url: string;     // Required: Target URL
  headers?: {      // Optional: Custom request headers
    [key: string]: string;
  };
}
fetch_json

获取并解析任意 URL 的 JSON 数据。

{
  url: string;     // Required: Target URL
  headers?: {      // Optional: Custom request headers
    [key: string]: string;
  };
}
fetch_txt

获取并返回干净的纯文本内容,同时移除 HTML 标签和脚本。

{
  url: string;     // Required: Target URL
  headers?: {      // Optional: Custom request headers
    [key: string]: string;
  };
}
fetch_markdown

获取内容并将其转换为格式良好的 Markdown。

{
  url: string;     // Required: Target URL
  headers?: {      // Optional: Custom request headers
    [key: string]: string;
  };
}

🔧 用法

CLI 用法

直接启动 MCP 服务:

mcp-npx-fetch

或通过 npx 启动:

npx @tokenizin/mcp-npx-fetch
集成 Claude Desktop
  1. 找到 Claude Desktop 配置文件:

    • macOS:~/Library/Application Support/Claude/claude_desktop_config.json
    • Windows:%APPDATA%/Claude/claude_desktop_config.json
    • Linux:~/.config/Claude/claude_desktop_config.json
  2. 将以下配置添加到 mcpServers 对象中:

{
  "mcpServers": {
    "fetch": {
      "command": "npx",
      "args": ["-y", "@tokenizin/mcp-npx-fetch"],
      "env": {}
    }
  }
}

💻 本地开发

  1. 克隆代码库:
git clone https://github.com/tokenizin-agency/mcp-npx-fetch.git
cd mcp-npx-fetch
  1. 安装依赖:
npm install
  1. 启动开发模式:
npm run dev
  1. 运行测试:
npm test

🛠 技术栈

🤝 贡献

欢迎贡献!欢迎提交 Pull Request。对于重大变更,请先提交 issue,讨论你希望进行的更改。

  1. Fork 代码库
  2. 创建功能分支(git checkout -b feature/AmazingFeature)
  3. 提交更改(git commit -m 'Add some AmazingFeature')
  4. 推送到分支(git push origin feature/AmazingFeature)
  5. 提交 Pull Request

📄 许可证

本项目采用 MIT 许可证,详情请参阅 LICENSE 文件。


由 PT Tokenizin Technology Agency 倾情打造 ❤️

评论

支持 Markdown

第一次接触 MCP?

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

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