网页内容抓取工具

MCP Fetch是一个用于抓取网页内容并处理图像的Model Context Protocol服务器,适用于Claude Desktop或任何MCP客户端。

  • by JeremyNixon
  • 本地部署
  • 更新于
在 GitHub 查看 jeremynixon/mcp-fetch

使用说明

MCP提取

模型上下文协议服务器,用于获取web内容和处理图像。这允许Claude Desktop(或任何MCP客户端)获取web内容并适当处理图像。

快速入门(适用于用户)

要在Claude Desktop中使用此工具,只需将以下内容添加到您的Claude Desktop配置中(~/Library/Application Support/Claude/claude_desktop_config.json):

{
  "tools": {
    "fetch": {
      "command": "npx",
      "args": ["-y", "@kazuph/mcp-fetch"]
    }
  }
}

这将在需要时自动下载并运行该工具的最新版本。

所需设置

  1. 为Claude启用可访问性:
    • 打开系统设置
    • 前往隐私与安全>辅助功能
    • 点击“+”按钮
    • 从“应用程序”文件夹中添加Claude
    • 打开克劳德的开关

此辅助功能设置是自动剪贴板操作(Cmd+V)正常工作所必需的。

对于开发者

以下部分适用于那些想要开发或修改该工具的人。

先决条件

  • Node.js 18+
  • macOS(用于剪贴板操作)
  • Claude桌面(从安装https://claude.ai/desktop)
  • tsx(通过安装 npm install -g tsx)

安装

通过Smithery安装

通过以下方式自动安装MCP Fetch for Claude Desktop 史密瑟里:

npx -y @smithery/cli install @kazuph/mcp-fetch --client claude

手动安装

git clone https://github.com/kazuph/mcp-fetch.git
cd mcp-fetch
npm install
npm run build

图像处理规范

在处理来自网络内容的图像时,会应用以下限制:

  • 每组最多6张图片
  • 每组最大高度为8000像素
  • 每组最大大小为30MB

如果内容超过这些限制,图像将自动拆分为多个组,您需要多次粘贴(Cmd+V)。

配置

  1. 确保Claude Desktop已安装并正在运行。

  2. 如果您还没有全局安装tsx:

npm install -g tsx
# or
pnpm add -g tsx
  1. 修改位于以下位置的Claude Desktop配置: ~/Library/Application Support/Claude/claude_desktop_config.json

您可以通过Claude Desktop菜单轻松找到:

  1. 打开克劳德桌面
  2. 点击Mac菜单栏上的Claude
  3. 点击“设置”
  4. 点击“开发者”

将以下内容添加到MCP客户端的配置中:

{
  "tools": {
    "fetch": {
      "args": ["tsx", "/path/to/mcp-fetch/index.ts"]
    }
  }
}

可用工具

  • fetch:从Internet检索URL并将其内容提取为markdown。图像会自动处理并准备用于剪贴板操作。

备注

  • 此工具仅适用于macOS,因为它依赖于macOS特定的剪贴板操作。
  • 图像使用Sharp进行处理,以获得最佳性能和质量。
  • 当发现多个图像时,考虑到大小限制,它们会垂直合并。
  • 动画GIF通过提取其第一帧来自动处理。