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

headless-web-scraping

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

정보

이 스킬은 scrapling Python 라이브러리를 활용한 헤드리스 웹 스크래핑을 제공하며, 다양한 수준의 사이트 방어 체계를 처리하기 위해 세 가지 단계의 페처(HTTP, 스텔스 크로미움, 완전한 브라우저 자동화)를 지원합니다. 이는 단순 HTTP 요청으로는 접근이 어려운 JavaScript 렌더링 페이지 및 봇 방어 보호 사이트에서 구조화된 데이터를 추출할 수 있게 합니다. 개발자는 다중 요소 추출을 위해 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에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요

문서

無頭網爬

以 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. -->

GitHub 저장소

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

스킬 보기