Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@web-fetch-mcpSearch Bing for the latest AI news and summarize the top result"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
web-fetch-mcp
一个 Model Context Protocol (MCP) 服务器，为 AI 助手提供强大的网页抓取和搜索功能。
功能特性
网页抓取：提取页面摘要、元数据、链接和文本内容
动态页面支持：使用 Puppeteer 自动检测和渲染 SPA（单页应用）
SEO 元数据：提取 Open Graph、Twitter Card 和传统 Meta 标签
网页搜索：内置 Bing 搜索集成
智能检测：自动判断页面是否需要无头浏览器渲染
工具列表
工具 | 描述 |
| 获取页面标题、链接和图片概览 |
| 提取 SEO 标签和 Open Graph 元数据 |
| 提取页面所有超链接 |
| 使用无头浏览器提取链接（适用于动态页面） |
| 提取页面主要文本内容 |
| 使用无头浏览器提取文本（适用于动态页面） |
| 使用 Bing 搜索引擎搜索 |
安装
使用 npm/npx（推荐）
# 全局安装
npm install -g @xiaozhuabcd1234/web-fetch-mcp
# 运行
npx web-fetch-mcp使用 Bun
bun install @xiaozhuabcd1234/web-fetch-mcp从源码运行
git clone https://github.com/xiaozhuabcd1234/web-fetch-mcp.git
cd web-fetch-mcp
bun install
bun run src/index.ts使用方法
Claude Desktop 集成
添加到 claude_desktop_config.json：
{
"mcpServers": {
"web-fetch": {
"command": "npx",
"args": ["-y", "@xiaozhuabcd1234/web-fetch-mcp"]
}
}
}项目结构
web-fetch-mcp/
├── src/
│ ├── index.ts # MCP 服务器入口
│ ├── browser.ts # Puppeteer 浏览器管理
│ ├── web-scraper.ts # 核心抓取工具
│ ├── search.ts # 网页搜索接口
│ └── search-engines/
│ └── bing.ts # Bing 搜索实现核心模块
browser.ts：管理 Puppeteer 浏览器实例，支持隐身模式和可配置选项
web-scraper.ts：使用 Cheerio 进行 HTML 解析，包含 SPA 检测启发式算法
search.ts：统一的搜索接口，支持多搜索引擎
环境要求
Bun 1.0+
Node.js 18+（备用方案）
Chromium/Chrome 浏览器（用于 Puppeteer）
环境变量
变量 | 描述 | 默认值 |
| Chrome 可执行文件路径 | 自动检测 |
开源协议
GPL-3.0-only - 详见 LICENSE 文件。
This server cannot be installed
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.