Fetch With Images

🚀 MCP 抓取工具

MCP（Model Context Protocol）抓取工具可用於抓取網絡內容並處理圖像。藉助該工具，Claude Desktop（或其他 MCP 客戶端）能夠抓取網頁內容，並對圖像進行適當處理。

點擊訪問

🚀 快速開始（用戶）

若要將此工具與 Claude Desktop 配合使用，請將以下內容添加到您的 Claude Desktop 配置文件中（~/Library/Application Support/Claude/claude_desktop_config.json）：

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

這樣會自動下載並按需運行該工具的最新版本。

⚙️ 必要設置

1. 啟用 Claude 的輔助功能：
   • 打開系統設置；
   • 轉到隱私與安全 > 輔助功能；
   • 點擊“+”按鈕；
   • 從應用程序文件夾中添加 Claude；
   • 啟用 Claude 旁邊的切換開關。

此輔助功能設置是自動執行剪貼板操作（Cmd + V）所必需的。

✨ 主要特性

• 網頁內容提取：自動提取網頁內容，並將其格式化為 Markdown。
• 文章標題提取：提取並顯示文章標題。
• 圖像處理：可選擇處理網絡頁面中的圖像，具備優化功能（默認關閉，若要啟用，請設置 enableFetchImages: true）。
• 分頁支持：支持文本和圖像的分頁。
• JPEG 優化：自動將圖像轉換為 JPEG 格式，並可控制質量。
• GIF 支持：提取 animated GIFs 的第一幀。

📦 安裝指南

先決條件

• Node.js 18+ 版本；
• macOS 系統（由於依賴 macOS 特定的剪貼板操作）。

安裝步驟

按照以下步驟進行安裝：

npm install -g @kazuph/mcp-fetch

🔧 技術細節

圖像處理規範

圖像處理使用 Sharp 庫，以確保最佳性能和質量。當發現多張圖像時，它們會按順序垂直拼接，同時會考慮尺寸限制。

配置

您可以在 ~/.config/mcp-fetch.json 中添加以下配置：

{
  "proxy": "http://your-proxy-server:port",
  "timeout": 30000,
  "maxConcurrency": 5
}

可用參數

請求體參數

基本參數

高級參數

響應體參數

基本響應

圖像響應

💻 使用示例

示例 1：基本使用

{
  "url": "https://example.com"
}

示例 2：啟用圖像抓取

{
  "url": "https://example.com",
  "enableFetchImages": true,
  "imageMaxCount": 3
}

示例 3：分頁抓取圖像

{
  "url": "https://example.com",
  "enableFetchImages": true,
  "imageStartIndex": 3,
  "imageMaxCount": 3
}

📚 詳細文檔

備註

• 此工具專為 macOS 設計，因為它依賴 macOS 特定的剪貼板操作。
• 圖像處理使用 Sharp 庫，以確保高性能和高質量。
• 當發現多張圖像時，它們會按順序垂直拼接，並考慮尺寸限制。
• animated GIFs 會自動處理為提取其第一幀。

變更日誌

v1.1.3

• 修改默認行為：默認不抓取圖像（enableFetchImages: false）；
• 移除 disableImages 參數，轉而使用 enableFetchImages 參數。

v1.1.0

• 新增文章標題提取功能；
• 改進響應格式以包含文章標題；
• 修復 MCP 響應內容中的類型問題。

v1.0.0

• 初始版本發佈；
• 提供網頁內容抓取、圖像處理和優化、分頁支持等功能。