使用说明

项目简介

MCP Fetch 是一个基于 Model Context Protocol (MCP) 构建的服务器,旨在为 Claude Desktop 等大型语言模型 (LLM) 客户端提供网页内容抓取和处理能力。它作为一个工具集成到 MCP 客户端中,允许用户通过 LLM 方便地获取和利用网络信息。

主要功能点

  • 网页内容抓取: 根据提供的 URL 从互联网上抓取网页内容。
  • Markdown 转换: 将抓取的 HTML 网页内容转换为简洁的 Markdown 格式,方便 LLM 理解和处理。
  • 图片处理: 自动提取网页中的图片,并进行优化处理(合并、调整大小等),以便于复制粘贴到客户端。尤其针对大量图片或尺寸过大的情况进行了分组和剪贴板操作优化。
  • 剪贴板集成: 处理后的图片会自动复制到系统剪贴板,用户可以直接在 Claude 等客户端中粘贴 (Cmd+V) 使用。
  • 工具注册: 作为一个 MCP 服务器,它向客户端声明并提供 'fetch' 工具,客户端可以通过 MCP 协议调用该工具。

安装步骤

本工具主要为 macOS 系统上的 Claude Desktop 设计。

自动安装 (推荐 - 使用 Smithery)

如果使用 Smithery,可以通过以下命令自动安装和配置:

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

手动安装

  1. 克隆仓库:

    git clone https://github.com/kazuph/mcp-fetch.git
    cd mcp-fetch
  2. 安装依赖:

    npm install
  3. 构建项目:

    npm run build

服务器配置

要将 MCP Fetch 服务器配置到 Claude Desktop 客户端,您需要修改 Claude Desktop 的配置文件 'claude_desktop_config.json'。

  1. 找到配置文件: 配置文件通常位于 '~/Library/Application Support/Claude/claude_desktop_config.json'。您也可以通过 Claude Desktop 菜单 "Settings" -> "Developer" 找到并打开该文件。

  2. 添加工具配置: 在 'claude_desktop_config.json' 文件中的 'tools' 字段下添加 'fetch' 工具的配置。

    • 使用 'npx' 自动运行 (推荐给普通用户): 这种方式 Claude Desktop 会在需要时自动下载和运行最新版本的 MCP Fetch。

      {
        "tools": {
          "fetch": {
            "command": "npx",
            "args": ["-y", "@kazuph/mcp-fetch"]
          }
        }
      }
    • 指定本地 'index.ts' 路径 (适用于开发者): 如果您手动安装了 MCP Fetch 并希望使用本地版本,可以使用 'tsx' 运行 'index.ts' 文件。 请将 '/path/to/mcp-fetch/index.ts' 替换为您实际的 'mcp-fetch' 仓库路径。

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

    配置参数说明:

    • 'command': 指定启动 MCP Fetch 服务器的命令。
      • 'npx': 使用 'npx' 允许 Claude Desktop 自动下载和运行 npm 包 '@kazuph/mcp-fetch'。
      • 'tsx': 如果您选择手动安装,并希望直接运行 TypeScript 代码,则使用 'tsx' (需要全局安装 'tsx': 'npm install -g tsx' 或 'pnpm add -g tsx')。
    • 'args': 传递给 'command' 的参数,用于指定如何运行 MCP Fetch 服务器。
      • '["-y", "@kazuph/mcp-fetch"]': 当 'command' 为 'npx' 时,这些参数指示 'npx' 下载并运行 '@kazuph/mcp-fetch' 包。 '-y' 参数表示自动确认安装。
      • '["/path/to/mcp-fetch/index.ts"]': 当 'command' 为 'tsx' 时,此参数指定了 MCP Fetch 服务器入口文件 'index.ts' 的路径。请务必替换为您的实际路径。
  3. 启用 Claude 的辅助功能 (必须): 为了让 MCP Fetch 能够自动复制图片到剪贴板并模拟粘贴操作,您需要为 Claude Desktop 启用辅助功能权限。

    • 打开 "系统设置" (System Settings)
    • 进入 "隐私与安全性" (Privacy & Security) -> "辅助功能" (Accessibility)
    • 点击 "+" 按钮
    • 从 "应用程序" (Applications) 文件夹中添加 Claude 应用
    • 确保 Claude 的开关已开启 (Turn ON)

基本使用方法

配置完成后,您就可以在 Claude Desktop 中使用 'fetch' 工具了。

  1. 在 Claude Desktop 中,您可以指示 Claude 使用 'fetch' 工具抓取网页内容。例如,您可以提问类似:

    请使用 fetch 工具抓取这个网页的内容:https://www.example.com
  2. Claude 客户端会根据您的指令,通过 MCP 协议调用 MCP Fetch 服务器的 'fetch' 工具,并将 URL 作为参数传递给服务器。

  3. MCP Fetch 服务器会抓取指定 URL 的网页内容,提取 Markdown 格式的文本,并处理图片。

  4. 如果网页包含图片,MCP Fetch 会将处理后的图片自动复制到您的剪贴板。您需要手动在 Claude Desktop 中粘贴 (Cmd+V) 这些图片,以便将图片与抓取的文本内容组合在一起。

  5. Claude 会将抓取的文本内容(可能包含图片占位符或提示信息)以及您手动粘贴的图片整合到回复中。

注意事项

  • 本工具目前仅支持 macOS 系统,因为其图片处理和剪贴板操作依赖于 macOS 特有的 'pbcopy' 和 'osascript' 命令。
  • 图片处理有大小和数量限制 (每组最多 6 张图片,最大高度 8000 像素,最大 30MB),超出限制的图片会被分组处理,您可能需要多次粘贴。
  • 如果网页包含动画 GIF 图片,只会提取 GIF 的第一帧进行处理。

信息

分类

网页与API