web-scraper MCP — 使用场景, 安装 & 实时演示

为什么要用

核心特性

Phased reconnaissance — APIs > sitemaps > static HTML > browser
Template picker: Cheerio for static, Playwright for JS-heavy
Apify Actor TypeScript-first workflow
Selective stealth: only when protection signals detected
Session recording + replay for debugging

实时演示

实际使用效果

web-scraper-skill.replay ▶ 就绪

0/0

安装

选择你的客户端

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "web-scraper-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/yfe404/web-scraper",
        "~/.claude/skills/web-scraper"
      ],
      "_inferred": true
    }
  }
}

打开 Claude Desktop → Settings → Developer → Edit Config。保存后重启应用。

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "web-scraper-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/yfe404/web-scraper",
        "~/.claude/skills/web-scraper"
      ],
      "_inferred": true
    }
  }
}

Cursor 使用与 Claude Desktop 相同的 mcpServers 格式。项目级配置优先于全局。

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "web-scraper-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/yfe404/web-scraper",
        "~/.claude/skills/web-scraper"
      ],
      "_inferred": true
    }
  }
}

点击 Cline 侧栏中的 MCP Servers 图标，然后选 "Edit Configuration"。

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "web-scraper-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/yfe404/web-scraper",
        "~/.claude/skills/web-scraper"
      ],
      "_inferred": true
    }
  }
}

格式与 Claude Desktop 相同。重启 Windsurf 生效。

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "web-scraper-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/yfe404/web-scraper",
        "~/.claude/skills/web-scraper"
      ]
    }
  ]
}

Continue 使用服务器对象数组，而非映射。

~/.config/zed/settings.json

{
  "context_servers": {
    "web-scraper-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/yfe404/web-scraper",
          "~/.claude/skills/web-scraper"
        ]
      }
    }
  }
}

加入 context_servers。Zed 保存后热重载。

claude mcp add web-scraper-skill -- git clone https://github.com/yfe404/web-scraper ~/.claude/skills/web-scraper

一行命令搞定。用 claude mcp list 验证，claude mcp remove 卸载。

使用场景

实战用法： web-scraper

Scrape a static listing site into a structured dataset

👤 Data engineers pulling public data (directories, price lists, public records) ⏱ ~45 min intermediate

何时使用： You need a dataset from a public site that doesn't have an API.

前置条件

Skill installed — git clone https://github.com/yfe404/web-scraper ~/.claude/skills/web-scraper
Node 20 for Apify Actors — nvm install 20

步骤

Let the skill do recon

Use web-scraper. Target: https://example.com/listings. I want name + URL + category. Recon first — tell me the cheapest extraction path.✓ 已复制

→ Skill reports: 'sitemap.xml available, use Cheerio'
Scaffold the Apify Actor

Scaffold a TypeScript Apify Cheerio actor for that extraction.✓ 已复制

→ Actor tree + main.ts ready to run
Run and iterate

Run locally on 10 pages; tighten selectors if needed.✓ 已复制

→ Clean JSON output

结果： An Apify Actor you can deploy for scheduled scrapes.

注意事项

Jumping to Playwright when Cheerio would do — Trust the recon — headful browsers 10x the cost unnecessarily

搭配使用： apify · filesystem

Discover and use a site's undocumented JSON API instead of HTML

👤 Scraper devs who want reliability ⏱ ~30 min intermediate

何时使用： The page is a SPA and HTML is gross, but the XHR calls are clean JSON.

步骤

Run API-discovery phase

Use web-scraper phase 1 — API discovery on https://example.com/app. Enumerate XHR/fetch endpoints.✓ 已复制

→ List of endpoints with observed payloads
Build the JSON-based actor

Generate an actor that hits those endpoints directly with auth as needed.✓ 已复制

→ Lightweight fetch-based actor

结果： A far more stable scrape than HTML parsing.

注意事项

Private/session-auth APIs that break when token rotates — Plan token-refresh logic or fall back to browser flow

组合

与其他 MCP 搭配，撬动十倍杠杆

web-scraper-skill + apify

Deploy the scaffolded actor to Apify for scheduled runs

Deploy this actor to my Apify account and schedule it daily.✓ 已复制

web-scraper-skill + filesystem

Keep the actor code in-repo alongside the consuming app

Scaffold into scrapers/ and commit with the main project.✓ 已复制

工具

此 MCP 暴露的能力

工具	输入参数	何时调用
recon	url	Always first
scaffold_actor	template (cheerio\|playwright), target	After recon picks template
record_session	url	Debugging dynamic sites
run_local	actor path, limit	Iteration phase

成本与限制

运行它的成本

API 配额: Apify has its own compute + proxy quotas
每次调用 Token 数: Moderate — scaffold and iteration loops
费用: Free skill; Apify costs separate
提示: Prefer Cheerio — one of the cheapest run profiles on Apify

安全

权限、密钥、影响范围

最小权限： Apify API token with actor:read + actor:write

凭据存储： APIFY_TOKEN in env

数据出站： Whatever sites you target + Apify platform

Respect robots.txt and each site's Terms of Service. Skill is not an anti-ToS tool — use it on data you're allowed to collect.
Public, non-authenticated data only unless you have explicit permission.

故障排查

常见错误与修复

Cheerio returns empty selectors

Content is JS-rendered — rerun recon, expect Playwright template

Playwright times out

Bump navigation timeout; consider waiting for specific selector instead of networkidle

403 / bot-block page

Stop and reconsider. This is the legit signal to re-check ToS, not a cue to escalate stealth.

替代方案

web-scraper 对比其他方案

替代方案	何时用它替代	权衡
Direct Apify console	You already know which template you need	No recon phase
firecrawl	You just need markdown of a page, not structured extraction	No actor scaffolding

web-scraper

为什么要用

核心特性

实时演示

实际使用效果

安装

选择你的客户端

使用场景

实战用法： web-scraper

Scrape a static listing site into a structured dataset

前置条件

步骤

注意事项

Discover and use a site's undocumented JSON API instead of HTML

步骤

注意事项

组合

与其他 MCP 搭配，撬动十倍杠杆

工具

此 MCP 暴露的能力

成本与限制

运行它的成本

安全

权限、密钥、影响范围

故障排查

常见错误与修复

替代方案

web-scraper 对比其他方案

更多

资源