Porsche Scraper

import { SpiderBrowser } from "spider-browser";

const spider = new SpiderBrowser({
  apiKey: process.env.SPIDER_API_KEY!,
});

await spider.connect();
const page = spider.page!;
await page.goto("https://www.porsche.com/usa/models/");

// No selectors, no schema. Spider reads the page and names the fields.
const data = await page.scrape();

console.log(data);
await spider.close();

import { SpiderBrowser } from "spider-browser";

const spider = new SpiderBrowser({
  apiKey: process.env.SPIDER_API_KEY!,
  stealth: 2,
});

await spider.connect();
const page = spider.page!;
await page.goto("https://www.porsche.com/usa/models/");
await page.content(12000);

const data = await page.extractFields({
  model: "[class*='model-name'], h2",
  price: "[class*='price'], [class*='msrp']",
  engine: "[class*='engine']",
  horsepower: "[class*='horsepower'], [class*='kw']",
  acceleration: "[class*='acceleration'], [class*='0-60']",
  topSpeed: "[class*='top-speed']",
  image: { selector: "[class*='model-image'] img", attribute: "src" },
});

console.log(data);
await spider.close();