MCP HubMCP Hub
스킬 목록으로 돌아가기

headless-web-scraping

pjt222
업데이트됨 2 days ago
1 조회
17
2
17
GitHub에서 보기
디자인apiautomationdesigndata

정보

이 스킬은 scrapling 라이브러리를 사용한 고급 웹 스크래핑을 제공하며, 사이트 방어 수준에 따라 HTTP, 스텔스 크로미움 또는 완전한 브라우저 자동화 계층을 자동으로 선택합니다. JavaScript 렌더링 콘텐츠와 봇 방어 시스템을 처리하며, CSS 선택자를 통한 구조화된 데이터 추출이 가능합니다. DOM 탐색이 필요한 복잡한 동적 웹사이트에서 WebFetch 같은 단순 도구가 실패할 때 사용하세요.

빠른 설치

Claude Code

추천
기본
npx skills add pjt222/agent-almanac -a claude-code
플러그인 명령대체
/plugin add https://github.com/pjt222/agent-almanac
Git 클론대체
git clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/headless-web-scraping

Claude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요

문서

Headless Web Scraping

Extraer datos de páginas web que resisten solicitudes HTTP simples — contenido renderizado por JS, sitios protegidos por Cloudflare y SPAs dinámicos — usando la arquitectura de fetcher de tres niveles de scrapling y la extracción de datos basada en CSS.

Cuándo Usar

  • La página objetivo requiere renderizado de JavaScript (SPA, React, Vue)
  • El sitio tiene protecciones anti-bot (Cloudflare Turnstile, fingerprinting TLS)
  • Necesitas extracción estructurada de múltiples elementos vía selectores CSS
  • WebFetch simple o requests.get() retorna respuestas vacías o bloqueadas
  • Extraer datos tabulares, listas de enlaces o estructuras DOM repetidas a escala

Entradas

  • Requerido: URL objetivo o lista de URLs para hacer scraping
  • Requerido: Datos a extraer (selectores CSS, nombres de campos o descripción de elementos objetivo)
  • Opcional: Override de tier de fetcher (predeterminado: auto-seleccionar basado en comportamiento del sitio)
  • Opcional: Formato de salida (predeterminado: JSON; alternativas: CSV, dict de Python)
  • Opcional: Delay de rate limit en segundos (predeterminado: 1)

Procedimiento

Paso 1: Seleccionar el Tier de Fetcher

Determinar qué fetcher de scrapling coincide con las defensas del sitio objetivo.

# 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")
SeñalTier Recomendado
HTML estático, sin protecciónFetcher
403/503, página de challenge de CloudflareStealthyFetcher
La página carga pero el área de contenido está vacíaDynamicFetcher
Necesita hacer click en botones o scrollDynamicFetcher
altcha CAPTCHA presenteNinguno (no se puede automatizar)

Esperado: Uno de los tres tiers es identificado. Para la mayoría de los sitios modernos, StealthyFetcher es el punto de partida correcto.

En caso de fallo: Si los tres tiers retornan respuestas bloqueadas, verificar si el sitio usa altcha CAPTCHA (challenge de proof-of-work que no se puede sortear). Si es así, documentar la limitación y proveer instrucciones de extracción manual en su lugar.

Paso 2: Configurar el Fetcher

Configurar el fetcher seleccionado con las opciones apropiadas.

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
)

Esperado: La instancia del fetcher está configurada y lista. Sin errores en la instanciación. Para StealthyFetcher y DynamicFetcher, un binario de Chromium está disponible (scrapling lo gestiona automáticamente en la primera ejecución).

En caso de fallo:

  • playwright o binario de navegador no encontrado -- ejecutar python -m playwright install chromium
  • Timeout en configure() -- aumentar el valor de timeout o verificar conectividad de red
  • Error de import -- instalar scrapling: pip install scrapling

Paso 3: Hacer Fetch y Extraer Datos

Navegar a la URL objetivo y extraer datos estructurados usando selectores 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

Referencia clave de la API:

MétodoPropósito
response.find("selector")Primer elemento que coincide
response.find_all("selector")Todos los elementos que coinciden
element.get("attr")Valor del atributo (href, src, data-*)
element.get_all_text()Todo el contenido de texto, recursivamente
element.html_contentHTML interno crudo

Esperado: Los datos extraídos coinciden con el contenido visible de la página. Los elementos son no-None y el contenido de texto es no-vacío para páginas pobladas.

En caso de fallo:

  • find() retorna None -- inspeccionar el HTML real (response.html_content) para verificar el selector; la página puede usar nombres de clase diferentes a los esperados
  • Texto vacío de get_all_text() -- el contenido puede estar dentro de shadow DOM o un iframe; probar DynamicFetcher con un wait_selector
  • NO usar .css_first() -- esto no es parte de la API de scrapling (confusión común con otras librerías)

Paso 4: Manejar Fallos y Casos Límite

Implementar lógica de fallback para detección de CAPTCHA, respuestas vacías y requisitos de sesión.

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

Esperado: La función retorna texto extraído en caso de éxito, o None con un mensaje diagnóstico cuando todos los tiers fallan. Las páginas CAPTCHA son detectadas y reportadas en lugar de reintentar indefinidamente.

En caso de fallo:

  • Todos los tiers retornan 403 -- el sitio bloquea todo acceso automatizado (común con WIPO, TMview, algunas bases de datos gubernamentales); documentar la URL como requiriendo acceso manual
  • Errores de timeout -- la página puede estar detrás de una CDN lenta; aumentar el timeout a 120s
  • Errores de sesión/cookie -- el sitio puede requerir login; añadir manejo de cookies o autenticarse primero

Paso 5: Rate Limiting y Scraping Ético

Implementar delays y respetar las políticas del sitio antes de ejecutar a escala.

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

Lista de verificación de scraping ético:

  1. Verificar robots.txt antes de hacer scraping -- respetar las directivas Disallow
  2. Usar un mínimo de 1 segundo de delay entre solicitudes
  3. Identificar tu scraper con un User-Agent descriptivo cuando sea posible
  4. No hacer scraping de datos personales sin base legal
  5. Cachear respuestas localmente para evitar solicitudes redundantes
  6. Detener inmediatamente si recibes un 429 (Too Many Requests)

Esperado: El scraping corre a una tasa controlada. robots.txt se verifica antes de operaciones masivas. No se disparan respuestas 429.

En caso de fallo:

  • 429 Too Many Requests -- aumentar delay a 3-5 segundos, o detener y reintentar después
  • robots.txt no permite la ruta -- respetar la directiva; no anularla
  • Ban de IP -- detener el scraping inmediatamente; el rate limiting fue insuficiente. Si el acceso es legítimo (datos públicos, permitido por ToS, robots.txt respetado) y debes continuar, ver rotate-scraping-proxies para escalado a nivel de red

Validación

  • El tier de fetcher correcto está seleccionado (no sobre- ni infra-potenciado para el objetivo)
  • Se usa el método configure() (no kwargs deprecados del constructor)
  • Los selectores CSS coinciden con la estructura real de la página (verificada contra el código fuente de la página)
  • Se usa la API .find() / .find_all() (no .css_first() u otros métodos de librería)
  • La detección de CAPTCHA está en su lugar (las páginas altcha son reportadas, no reintentadas)
  • El rate limiting está implementado para scraping de múltiples URLs
  • robots.txt se verifica antes de operaciones masivas
  • Los datos extraídos son no-vacíos y estructuralmente correctos

Errores Comunes

  • Usar .css_first() en lugar de .find(): scrapling usa .find() y .find_all() para selección de elementos -- .css_first() pertenece a una librería diferente y lanzará AttributeError
  • Comenzar con DynamicFetcher: Siempre probar Fetcher primero, luego escalar -- DynamicFetcher es 10-50x más lento debido al arranque del navegador completo
  • Kwargs del constructor en lugar de configure(): scrapling v0.4.x deprecó pasar opciones al constructor; siempre usar el método configure()
  • Ignorar altcha CAPTCHA: Ningún tier de fetcher puede resolver challenges de proof-of-work altcha -- detectarlos temprano y caer en instrucciones manuales
  • Sin rate limiting: Incluso si el sitio no retorna 429, el scraping agresivo puede hacer que tu IP sea bloqueada o causar degradación del servicio
  • Asumir selectores estables: Las clases CSS de los sitios web cambian frecuentemente -- validar selectores contra el código fuente actual de la página antes de cada campaña de scraping

Habilidades Relacionadas

  • rotate-scraping-proxies -- escalado a nivel de red cuando el sigilo del lado del cliente está agotado y los bans de IP bloquean acceso legítimo y permitido por ToS
  • use-graphql-api -- consultas API estructuradas cuando el sitio ofrece un endpoint GraphQL (preferido sobre scraping)
  • serialize-data-formats -- conversión de datos extraídos a JSON, CSV u otros formatos
  • deploy-searxng -- motor de búsqueda self-hosted que agrega resultados de múltiples fuentes
  • forage-solutions -- patrón más amplio para reunir información de fuentes diversas
<!-- Keep under 500 lines. Extract large examples to references/EXAMPLES.md if needed. -->

GitHub 저장소

pjt222/agent-almanac
경로: i18n/es/skills/headless-web-scraping
0
agentsagentskillsai-assisted-developmentclaude-codeskillsteams

연관 스킬

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 또는 모바일 환경 전환 시 세션 상태와 컨텍스트를 관리하여 워크플로를 최적화합니다. 다양한 단계에서 서로 다른 도구가 필요한 복잡한 프로젝트에 사용하세요.

스킬 보기