如何抓取 MakerWorld：3D model 数据与设计师统计

from playwright.sync_api import sync_playwright

def scrape_makerworld():
    with sync_playwright() as p:
        # 使用类似隐身的标头启动
        browser = p.chromium.launch(headless=True)
        page = browser.new_page()
        page.goto('https://makerworld.com/en/models', wait_until='networkidle')
        
        # 等待通过 React 渲染的 model 卡片
        page.wait_for_selector("div[data-testid='model-card']")
        
        models = page.query_selector_all("div[data-testid='model-card']")
        for model in models:
            # 使用标准属性通常比 CSS 类更稳定
            title = model.query_selector('h3').inner_text()
            print(f'找到 model: {title}')
            
        browser.close()

scrape_makerworld()

import scrapy
from scrapy_playwright.page import PageMethod

class MakerworldSpider(scrapy.Spider):
    name = 'makerworld'
    start_urls = ['https://makerworld.com/en/models']

    def start_requests(self):
        for url in self.start_urls:
            yield scrapy.Request(
                url,
                meta=dict(
                    playwright=True,
                    playwright_page_methods=[
                        # 等待 model 卡片加载
                        PageMethod('wait_for_selector', "div[data-testid='model-card']"),
                    ],
                )
            )

    def parse(self, response):
        # Scrapy-playwright 允许解析经 JS 渲染的 HTML
        for model in response.css("div[data-testid='model-card']"):
            yield {
                'title': model.css('h3::text').get(),
                'downloads': model.css('span.stats-downloads::text').get(),
                'link': response.urljoin(model.css('a::attr(href)').get())
            }

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({ headless: true });
  const page = await browser.newPage();
  
  // 设置真实的 User-Agent
  await page.setUserAgent('Mozilla/5.0 (Windows NT 10.0; Win64; x64) Chrome/119.0.0.0');
  
  await page.goto('https://makerworld.com/en/models', { waitUntil: 'networkidle2' });
  
  // 等待 React 组件挂载
  await page.waitForSelector("div[data-testid='model-card']");
  
  const models = await page.evaluate(() => {
    const cards = Array.from(document.querySelectorAll("div[data-testid='model-card']"));
    return cards.map(card => ({
      title: card.querySelector('h3')?.innerText,
      link: card.querySelector('a')?.href
    }));
  });
  
  console.log(models);
  await browser.close();
})();