headless-web-scraping
정보
이 스킬은 다양한 수준의 봇 방어 기능을 가진 사이트를 처리하기 위해 세 가지 단계의 패처를 제공하는 scrapling Python 라이브러리를 사용한 고급 웹 스크래핑 기능을 제공합니다. 자바스크립트 렌더링 또는 보호된 페이지에서 CSS 선택자를 통해 구조화된 데이터를 추출하는 헤드리스 브라우징을 가능하게 합니다. DOM 탐색이 필요한 복잡한 인터랙티브 웹사이트에 대해 단순한 HTTP 패칭으로는 부족한 경우에 사용하세요.
빠른 설치
Claude Code
추천npx skills add pjt222/agent-almanac -a claude-code/plugin add https://github.com/pjt222/agent-almanacgit clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/headless-web-scrapingClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
문서
Headless Web Scraping
Daten aus Webseiten extrahieren die einfachen HTTP-Anfragen widerstehen — JS-gerenderter Inhalt, Cloudflare-geschuetzte Seiten und dynamische SPAs — mit der Drei-Stufen-Fetcher-Architektur von scrapling und CSS-basierter Datenextraktion.
Wann verwenden
- Ziel-Seite erfordert JavaScript-Rendering (SPA, React, Vue)
- Seite hat Anti-Bot-Schutz (Cloudflare Turnstile, TLS-Fingerprinting)
- Strukturierte Extraktion mehrerer Elemente via CSS-Selektoren noetig
- Einfaches
WebFetchoderrequests.get()gibt leere oder blockierte Antworten zurueck - Tabellarische Daten, Linklisten oder wiederholte DOM-Strukturen im Massstab extrahieren
Eingaben
- Erforderlich: Ziel-URL oder Liste von URLs zum Scrapen
- Erforderlich: Zu extrahierende Daten (CSS-Selektoren, Feldnamen oder Beschreibung der Ziel-Elemente)
- Optional: Fetcher-Stufen-Override (Standard: Auto-Auswahl basierend auf Site-Verhalten)
- Optional: Ausgabeformat (Standard: JSON; Alternativen: CSV, Python-Dict)
- Optional: Rate-Limit-Verzoegerung in Sekunden (Standard: 1)
Vorgehensweise
Schritt 1: Fetcher-Stufe waehlen
Bestimmen welcher scrapling-Fetcher zur Verteidigung der Ziel-Site passt.
# 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")
| Signal | Empfohlene Stufe |
|---|---|
| Statisches HTML, kein Schutz | Fetcher |
| 403/503, Cloudflare-Challenge-Seite | StealthyFetcher |
| Seite laedt aber Content-Bereich ist leer | DynamicFetcher |
| Buttons klicken oder scrollen noetig | DynamicFetcher |
| altcha-CAPTCHA praesent | Keine (kann nicht automatisiert werden) |
Erwartet: Eine der drei Stufen ist identifiziert. Fuer die meisten modernen Sites ist StealthyFetcher der korrekte Startpunkt.
Bei Fehler: Wenn alle drei Stufen blockierte Antworten zurueckgeben, pruefen ob die Site altcha-CAPTCHA nutzt (Proof-of-Work-Challenge die nicht umgangen werden kann). Falls ja, die Beschraenkung dokumentieren und stattdessen manuelle Extraktions-Anweisungen bereitstellen.
Schritt 2: Den Fetcher konfigurieren
Den ausgewaehlten Fetcher mit angemessenen Optionen einrichten.
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
)
Erwartet: Fetcher-Instanz ist konfiguriert und bereit. Keine Fehler bei Instanziierung. Fuer StealthyFetcher und DynamicFetcher ist ein Chromium-Binary verfuegbar (scrapling verwaltet dies automatisch beim ersten Lauf).
Bei Fehler:
playwrightoder Browser-Binary nicht gefunden --python -m playwright install chromiumausfuehren- Timeout bei
configure()-- Timeout-Wert erhoehen oder Netzwerk-Konnektivitaet pruefen - Import-Fehler -- scrapling installieren:
pip install scrapling
Schritt 3: Daten holen und extrahieren
Zur Ziel-URL navigieren und strukturierte Daten mit CSS-Selektoren extrahieren.
# 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
Schluessel-API-Referenz:
| Methode | Zweck |
|---|---|
response.find("selector") | Erstes passendes Element |
response.find_all("selector") | Alle passenden Elemente |
element.get("attr") | Attributwert (href, src, data-*) |
element.get_all_text() | Alle Text-Inhalte, rekursiv |
element.html_content | Rohes Inner-HTML |
Erwartet: Extrahierte Daten entsprechen dem sichtbaren Seiteninhalt. Elemente sind nicht None und Text-Inhalt ist nicht leer fuer befuellte Seiten.
Bei Fehler:
find()gibtNonezurueck -- das tatsaechliche HTML inspizieren (response.html_content) um den Selektor zu verifizieren; die Seite kann andere Klassennamen als erwartet nutzen- Leerer Text aus
get_all_text()-- Inhalt kann in Shadow-DOM oder Iframe sein;DynamicFetchermitwait_selectorversuchen .css_first()NICHT nutzen -- dies ist nicht Teil der scrapling-API (haeufige Verwechslung mit anderen Bibliotheken)
Schritt 4: Versagen und Grenzfaelle behandeln
Fallback-Logik fuer CAPTCHA-Detection, leere Antworten und Session-Anforderungen implementieren.
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
Erwartet: Funktion gibt extrahierten Text bei Erfolg zurueck oder None mit einer Diagnose-Nachricht wenn alle Stufen scheitern. CAPTCHA-Seiten werden erkannt und gemeldet statt unendlich neu versucht.
Bei Fehler:
- Alle Stufen geben 403 zurueck -- die Site blockiert allen automatisierten Zugriff (haeufig bei WIPO, TMview, manchen Regierungsdatenbanken); die URL als manuellen-Zugriff-erfordernd dokumentieren
- Timeout-Fehler -- die Seite kann hinter einem langsamen CDN sein; Timeout auf 120s erhoehen
- Session-/Cookie-Fehler -- die Site kann Login erfordern; Cookie-Handhabung hinzufuegen oder zuerst authentifizieren
Schritt 5: Rate-Limiting und ethisches Scraping
Verzoegerungen implementieren und Site-Policies respektieren bevor im Massstab gelaufen wird.
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
Ethische Scraping-Checkliste:
robots.txtvor dem Scrapen pruefen --Disallow-Direktiven respektieren- Mindestens 1 Sekunde Verzoegerung zwischen Anfragen nutzen
- Den Scraper mit einem beschreibenden User-Agent identifizieren wenn moeglich
- Persoenliche Daten nicht ohne Rechtsbasis scrapen
- Antworten lokal cachen um redundante Anfragen zu vermeiden
- Sofort stoppen bei einem 429 (Too Many Requests)
Erwartet: Scraping laeuft mit kontrollierter Rate. robots.txt wird vor Bulk-Operationen geprueft. Keine 429-Antworten ausgeloest.
Bei Fehler:
- 429 Too Many Requests -- Verzoegerung auf 3-5 Sekunden erhoehen oder stoppen und spaeter wiederholen
robots.txtverbietet den Pfad -- die Direktive respektieren; nicht ueberschreiben- IP-Bann -- sofort mit Scrapen aufhoeren; das Rate-Limiting war unzureichend. Wenn Zugriff legitim ist (oeffentliche Daten, ToS-erlaubt, robots.txt-respektiert) und fortgefahren werden muss, siehe rotate-scraping-proxies fuer Netzwerk-Schicht-Eskalation
Validierung
- Korrekte Fetcher-Stufe ist ausgewaehlt (nicht ueber- oder unterdimensioniert fuer das Ziel)
-
configure()-Methode wird genutzt (nicht deprecated Constructor-Kwargs) - CSS-Selektoren passen zur tatsaechlichen Seitenstruktur (gegen Seitenquelle verifiziert)
-
.find()/.find_all()-API wird genutzt (nicht.css_first()oder andere Bibliotheks-Methoden) - CAPTCHA-Detection ist vorhanden (altcha-Seiten werden gemeldet, nicht erneut versucht)
- Rate-Limiting ist fuer Multi-URL-Scraping implementiert
-
robots.txtwird vor Bulk-Operationen geprueft - Extrahierte Daten sind nicht leer und strukturell korrekt
Haeufige Stolperfallen
.css_first()statt.find()nutzen: scrapling nutzt.find()und.find_all()zur Element-Auswahl --.css_first()gehoert zu einer anderen Bibliothek und wirdAttributeErrorwerfen- Mit DynamicFetcher beginnen: Immer zuerst
Fetcherversuchen, dann eskalieren --DynamicFetcherist 10-50x langsamer aufgrund vollstaendigen Browser-Starts - Constructor-Kwargs statt
configure(): scrapling v0.4.x deprecatete das Uebergeben von Optionen an den Constructor; immer dieconfigure()-Methode nutzen - altcha-CAPTCHA ignorieren: Keine Fetcher-Stufe kann altcha-Proof-of-Work-Challenges loesen -- frueh erkennen und auf manuelle Anweisungen zurueckfallen
- Kein Rate-Limiting: Selbst wenn die Site keine 429 zurueckgibt, kann aggressives Scraping deine IP gebannt werden lassen oder Service-Degradation verursachen
- Stabile Selektoren annehmen: Website-CSS-Klassen aendern sich haeufig -- Selektoren gegen aktuelle Seitenquelle vor jeder Scraping-Kampagne validieren
Verwandte Skills
- rotate-scraping-proxies -- Netzwerk-Schicht-Eskalation wenn Client-Side-Stealth erschoepft ist und IP-Banns legitimen, ToS-erlaubten Zugriff blockieren
- use-graphql-api -- strukturierte API-Queries wenn die Site einen GraphQL-Endpoint anbietet (Scraping vorzuziehen)
- serialize-data-formats -- extrahierte Daten in JSON, CSV oder andere Formate konvertieren
- deploy-searxng -- selbst-gehostete Suchmaschine die Ergebnisse aus mehreren Quellen aggregiert
- forage-solutions -- breiteres Muster zum Sammeln von Information aus diversen Quellen
GitHub 저장소
연관 스킬
executing-plans
디자인executing-plans 스킬은 검토 체크포인트가 포함된 통제된 배치로 실행할 완전한 구현 계획이 있을 때 사용합니다. 이 스킬은 계획을 불러와 비판적으로 검토한 후, 소규모 배치(기본값 3개 작업)로 작업을 실행하면서 각 배치 사이에 진행 상황을 아키텍트 검토를 위해 보고합니다. 이를 통해 내재된 품질 관리 체크포인트를 갖춘 체계적인 구현이 보장됩니다.
requesting-code-review
디자인이 스킬은 코드 변경 사항을 요구 사항에 따라 분석하기 위해 코드 리뷰어 하위 에이전트를 호출합니다. 작업 완료 후, 주요 기능 구현 후, 또는 메인 브랜치에 병합하기 전에 사용해야 합니다. 이 리뷰는 현재 구현체와 원래 계획을 비교하여 문제를 조기에 발견하는 데 도움이 됩니다.
connect-mcp-server
디자인이 스킬은 개발자들이 HTTP, stdio 또는 SSE 전송 방식을 통해 MCP 서버를 Claude Code에 연결하는 포괄적인 가이드를 제공합니다. GitHub, Notion 및 사용자 정의 API와 같은 외부 서비스를 통합하기 위한 설치, 구성, 인증 및 보안을 다룹니다. MCP 통합 설정, 외부 도구 구성 또는 Claude의 모델 컨텍스트 프로토콜 작업 시 활용하세요.
web-cli-teleport
디자인이 스킬은 작업 분석을 기반으로 개발자가 Claude Code 웹 인터페이스와 CLI 인터페이스 중 선택할 수 있도록 돕고, 두 환경 간 원활한 세션 텔레포트를 가능하게 합니다. 웹, CLI 또는 모바일 환경 전환 시 세션 상태와 컨텍스트를 관리하여 워크플로를 최적화합니다. 다양한 단계에서 서로 다른 도구가 필요한 복잡한 프로젝트에 사용하세요.
