MCP HubMCP Hub
Retour aux compétences

headless-web-scraping

pjt222
Mis à jour 2 days ago
7 vues
17
2
17
Voir sur GitHub
Designapiautomationdesigndata

À propos

Cette compétence offre du scraping web sans interface graphique en utilisant la bibliothèque Python scrapling, proposant trois niveaux de récupérateurs (HTTP, Chromium furtif, ou automatisation complète de navigateur) pour gérer différents niveaux de défenses des sites. Elle permet l'extraction de données structurées depuis des pages rendues en JavaScript et des sites protégés contre les bots, là où les simples requêtes HTTP échouent. Les développeurs devraient l'utiliser lorsqu'ils ont besoin de parcourir le DOM pour extraire de multiples éléments, ou lorsque WebFetch s'avère insuffisant pour du contenu dynamique.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add pjt222/agent-almanac -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/pjt222/agent-almanac
Git CloneAlternatif
git clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/headless-web-scraping

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Documentation

無頭網爬

以 scrapling Python 庫取資於抗簡 HTTP 請求之網頁——JS 渲染內容、Cloudflare 保護站、動態 SPA——用其三級抓取架構與 CSS 取資。

用時

  • 目標頁需 JavaScript 渲染(SPA、React、Vue)
  • 站有反機器人保護(Cloudflare Turnstile、TLS 指紋)
  • 需以 CSS 選擇器結構化取多元素
  • WebFetchrequests.get() 返空或被阻
  • 規模化取表資、鏈列、重 DOM 結構

  • 必要:目標 URL 或 URL 列
  • 必要:所取資(CSS 選擇器、欄名、或目標元素之述)
  • 可選:抓取級覆寫(默:依站為自擇)
  • 可選:輸出格式(默:JSON;替:CSV、Python 字典)
  • 可選:速限延秒(默:1)

第一步:擇抓取級

定 scrapling 之何抓取合目標站之防禦。

# Decision matrix:
# 1. Fetcher        — static HTML, no JS, no anti-bot (fastest)
# 2. StealthyFetcher — Cloudflare/Turnstile, TLS fingerprint checks
# 3. DynamicFetcher  — JS-rendered SPAs, click/scroll interactions

# Quick probe: try Fetcher first, escalate on failure
from scrapling import Fetcher

fetcher = Fetcher()
response = fetcher.get("https://example.com/target-page")

if response.status == 200 and response.get_all_text():
    print("Fetcher tier sufficient")
else:
    print("Escalate to StealthyFetcher or DynamicFetcher")
SignalRecommended Tier
Static HTML, no protectionFetcher
403/503, Cloudflare challenge pageStealthyFetcher
Page loads but content area is emptyDynamicFetcher
Need to click buttons or scrollDynamicFetcher
altcha CAPTCHA presentNone (cannot be automated)

得: 三級之一已識。多現代站 StealthyFetcher 為正始點。

敗則: 若三級皆返阻響應,察站是否用 altcha CAPTCHA(工作量證明挑戰不可繞)。若然,記此限並供手取指示代之。

第二步:配抓取器

以合適選項設所擇抓取器。

from scrapling import Fetcher, StealthyFetcher, DynamicFetcher

# Tier 1: Fast HTTP with TLS fingerprint impersonation
fetcher = Fetcher()
fetcher.configure(
    timeout=30,
    retries=3,
    follow_redirects=True
)

# Tier 2: Headless Chromium with anti-detection
fetcher = StealthyFetcher()
fetcher.configure(
    headless=True,
    timeout=60,
    network_idle=True  # wait for all network requests to settle
)

# Tier 3: Full browser automation
fetcher = DynamicFetcher()
fetcher.configure(
    headless=True,
    timeout=90,
    network_idle=True,
    wait_selector="div.results"  # wait for specific element before extracting
)

得: 抓取實例已配可用。實例化無誤。StealthyFetcherDynamicFetcher 者 Chromium 二進可得(scrapling 首次自動管)。

敗則:

  • playwright 或瀏覽器二進不存——行 python -m playwright install chromium
  • configure() 超時——增超時值或察網通
  • 導入誤——裝 scrapling:pip install scrapling

第三步:抓取並取資

訪目標 URL 並以 CSS 選擇器取結構化資料。

# Fetch the page
response = fetcher.get("https://example.com/target-page")

# Single element extraction
title = response.find("h1.page-title")
if title:
    print(title.get_all_text())

# Multiple elements
items = response.find_all("div.result-item")
for item in items:
    name = item.find("span.name")
    price = item.find("span.price")
    print(f"{name.get_all_text()}: {price.get_all_text()}")

# Get attribute values
links = response.find_all("a.product-link")
urls = [link.get("href") for link in links]

# Get raw HTML content of an element
detail_html = response.find("div.description").html_content

要 API 參考:

MethodPurpose
response.find("selector")First matching element
response.find_all("selector")All matching elements
element.get("attr")Attribute value (href, src, data-*)
element.get_all_text()All text content, recursively
element.html_contentRaw inner HTML

得: 所取資合可見頁內容。元素非 None,已填頁者文字內容非空。

敗則:

  • find()None——察實 HTML(response.html_content)驗選擇器;頁或用異類名
  • get_all_text() 得空文字——內容或於 shadow DOM 或 iframe;試 DynamicFetcherwait_selector
  • 勿用 .css_first()——此非 scrapling API(與他庫常混)

第四步:處失敗與邊緣

為 CAPTCHA 察、空響、會話需求施備援邏輯。

import time

def scrape_with_fallback(url, selector):
    """Try each fetcher tier in order, with CAPTCHA detection."""
    tiers = [
        ("Fetcher", Fetcher),
        ("StealthyFetcher", StealthyFetcher),
        ("DynamicFetcher", DynamicFetcher),
    ]

    for tier_name, tier_class in tiers:
        fetcher = tier_class()
        fetcher.configure(headless=True, timeout=60)

        try:
            response = fetcher.get(url)
        except Exception as error:
            print(f"{tier_name} failed: {error}")
            continue

        # Detect CAPTCHA / challenge pages
        page_text = response.get_all_text().lower()
        if "altcha" in page_text or "proof of work" in page_text:
            print(f"altcha CAPTCHA detected -- cannot automate")
            return None

        if response.status == 403 or response.status == 503:
            print(f"{tier_name} blocked (HTTP {response.status}), escalating")
            continue

        result = response.find(selector)
        if result and result.get_all_text().strip():
            return result.get_all_text()

        print(f"{tier_name} returned empty content, escalating")

    print("All tiers exhausted. Manual extraction required.")
    return None

得: 函數於成返所取文,或於三級皆敗返 None 附診息。CAPTCHA 頁被察並報,非反復重試。

敗則:

  • 三級皆返 403——站阻所有自動訪(WIPO、TMview、某政府庫常見);記此 URL 為須手訪
  • 超時誤——頁或在慢 CDN 後;增超時至 120s
  • 會話/cookie 誤——站或需登入;加 cookie 處理或先認證

第五步:速限與倫理爬

行規模前施延並敬站策。

import time
import urllib.robotparser

def check_robots_txt(base_url, target_path):
    """Check if scraping is allowed by robots.txt."""
    rp = urllib.robotparser.RobotFileParser()
    rp.set_url(f"{base_url}/robots.txt")
    rp.read()
    return rp.can_fetch("*", f"{base_url}{target_path}")

def scrape_urls(urls, selector, delay=1.0):
    """Scrape multiple URLs with rate limiting."""
    results = []
    fetcher = StealthyFetcher()
    fetcher.configure(headless=True, timeout=60)

    for url in urls:
        response = fetcher.get(url)
        data = response.find(selector)
        if data:
            results.append(data.get_all_text())

        time.sleep(delay)  # respect the server

    return results

倫理爬清單:

  1. 爬前察 robots.txt——敬 Disallow 指令
  2. 請求間至少一秒延
  3. 可則以描述性 User-Agent 識己
  4. 無法據勿爬個資
  5. 緩響本地避冗請
  6. 若得 429(Too Many Requests)立止

得: 爬以受控速行。批量前察 robots.txt。無 429 響應被觸。

敗則:

  • 429 Too Many Requests——延增至三至五秒,或止後再試
  • robots.txt 禁該路——敬之;勿覆
  • IP 封——立止爬;速限不足。若訪合法(公資、ToS 允、robots.txt 敬)而須繼,見 rotate-scraping-proxies 為網層升級

  • 正抓取級已擇(非過強過弱)
  • configure() 法(非已棄構造 kwargs)
  • CSS 選擇器合實頁結構(對頁源已驗)
  • .find() / .find_all() API(非 .css_first() 或他庫法)
  • CAPTCHA 察已置(altcha 頁報而非重試)
  • 多 URL 爬已施速限
  • 批量前察 robots.txt
  • 取資非空且結構正

  • .css_first().find():scrapling 用 .find().find_all() 選元——.css_first() 屬他庫,將拋 AttributeError
  • 始於 DynamicFetcher:始終先試 Fetcher,再升——DynamicFetcher 因全瀏啟而 10-50 倍慢
  • 構造 kwargs 代 configure():scrapling v0.4.x 已棄傳選項於構造;始終用 configure()
  • 忽 altcha CAPTCHA:無抓取級可解 altcha 工作量證明——早察並退為手指示
  • 無速限:即使站不返 429,猛爬可致 IP 封或服務降
  • 設選擇器穩:網站 CSS 類頻變——每爬前對當前頁源驗選擇器

<!-- Keep under 500 lines. Extract large examples to references/EXAMPLES.md if needed. -->

Dépôt GitHub

pjt222/agent-almanac
Chemin: i18n/wenyan/skills/headless-web-scraping
0
agentsagentskillsai-assisted-developmentclaude-codeskillsteams

Compétences associées

executing-plans

Design

Utilisez la compétence executing-plans lorsque vous disposez d'un plan de mise en œuvre complet à exécuter par lots contrôlés avec des points de contrôle de revue. Elle charge et examine le plan de manière critique, puis exécute les tâches par petits lots (3 tâches par défaut) tout en rapportant la progression entre chaque lot pour une revue par l'architecte. Cela garantit une mise en œuvre systématique avec des points de contrôle de qualité intégrés.

Voir la compétence

requesting-code-review

Design

Cette compétence délègue un sous-agent réviseur de code pour analyser les modifications apportées au code par rapport aux exigences avant de poursuivre. Elle doit être utilisée après avoir terminé des tâches, implémenté des fonctionnalités majeures, ou avant une fusion vers la branche principale. La revue aide à détecter précocement les problèmes en comparant l'implémentation actuelle avec le plan initial.

Voir la compétence

connect-mcp-server

Design

Cette compétence fournit un guide complet permettant aux développeurs de connecter des serveurs MCP à Claude Code via les transports HTTP, stdio ou SSE. Elle couvre l'installation, la configuration, l'authentification et la sécurité pour intégrer des services externes tels que GitHub, Notion et des API personnalisées. Utilisez-la lors de la configuration d'intégrations MCP, de la configuration d'outils externes ou du travail avec le Protocole de Contexte de Modèle de Claude.

Voir la compétence

web-cli-teleport

Design

Cette compétence aide les développeurs à choisir entre les interfaces Web et CLI de Claude Code en fonction de l'analyse des tâches, puis permet une téléportation transparente des sessions entre ces environnements. Elle optimise le flux de travail en gérant l'état et le contexte de la session lors du passage entre le web, la CLI ou le mobile. Utilisez-la pour des projets complexes nécessitant différents outils à diverses étapes.

Voir la compétence