MCP Server Fetch Typescript

🚀 MCP 服務器獲取 TypeScript

本項目是一個模型上下文協議（Model Context Protocol）服務器，具備網頁內容抓取和轉換功能。它實現了全面的網絡內容檢索系統，支持多種格式和渲染方法，可廣泛應用於從簡單數據提取到複雜網絡爬蟲的各類任務。

✨ 主要特性

工具

• get_raw_text：可直接從 URL 獲取原始文本內容。

  • 需使用 url 作為必填參數，該參數應指向基於文本的資源。
  • 此工具會返回未處理的純文本內容，無需瀏覽器渲染。
  • 適用於 JSON、XML、CSV、TSV 或純文本文件，在需要快速訪問源內容時十分有用。

• get_rendered_html：用於獲取完全渲染後的 HTML 內容。

  • 同樣使用 url 作為必填參數。
  • 它會返回在 JavaScript 執行後完整的 HTML 內容，藉助 Playwright 進行無頭瀏覽器渲染。
  • 對於處理現代網絡應用程序和單頁應用（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