如何抓取 The Range UK | 产品数据与价格抓取工具

from playwright.sync_api import sync_playwright

def scrape_the_range():
    with sync_playwright() as p:
        # 建议使用类似 stealth 的配置启动
        browser = p.chromium.launch(headless=True)
        page = browser.new_page()
        
        # 导航至产品类别
        page.goto('https://www.therange.co.uk/furniture/', wait_until='networkidle')

        # 处理 OneTrust Cookie 横幅
        if page.is_visible('#onetrust-accept-btn-handler'):
            page.click('#onetrust-accept-btn-handler')

        # 从渲染后的页面提取产品详情
        products = page.query_selector_all('.product-tile')
        for product in products:
            title = product.query_selector('.product-name').inner_text()
            price = product.query_selector('.price').inner_text()
            print({'title': title, 'price': price})

        browser.close()

if __name__ == '__main__':
    scrape_the_range()

import scrapy

class RangeSpider(scrapy.Spider):
    name = 'range_spider'
    allowed_domains = ['therange.co.uk']
    start_urls = ['https://www.therange.co.uk/cooking-and-dining/']

    def parse(self, response):
        # 遍历页面上的产品方块
        for product in response.css('.product-tile'):
            yield {
                'name': product.css('.product-name::text').get().strip(),
                'price': product.css('.price::text').get().strip(),
                'sku': product.attrib.get('data-sku')
            }

        # 简单的分页逻辑
        next_page = response.css('a.next-page-link::attr(href)').get()
        if next_page:
            yield response.follow(next_page, self.parse)

const puppeteer = require('puppeteer-extra');
const StealthPlugin = require('puppeteer-extra-plugin-stealth');
puppeteer.use(StealthPlugin());

(async () => {
  const browser = await puppeteer.launch({ headless: true });
  const page = await browser.newPage();
  
  // 导航至园艺类别
  await page.goto('https://www.therange.co.uk/garden/', { waitUntil: 'networkidle2' });

  const products = await page.evaluate(() => {
    return Array.from(document.querySelectorAll('.product-tile')).map(p => ({
      title: p.querySelector('.product-name')?.innerText.trim(),
      price: p.querySelector('.price')?.innerText.trim()
    }));
  });

  console.log(products);
  await browser.close();
})();