The Range UKをスクレイピングする方法 | 製品データ＆価格スクレイパー

from playwright.sync_api import sync_playwright

def scrape_the_range():
    with sync_playwright() as p:
        # ステルス設定での起動を推奨
        browser = p.chromium.launch(headless=True)
        page = browser.new_page()
        
        # 製品カテゴリへ移動
        page.goto('https://www.therange.co.uk/furniture/', wait_until='networkidle')

        # OneTrustのクッキーバナーを処理
        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();
})();