Puppeteer ile sayfanın mobilde nasıl göründüğünü kontrol etmek

import puppeteer from 'puppeteer';

const urls = process.argv.slice(2);
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.emulate(puppeteer.KnownDevices['Pixel 5']);

for (const url of urls) {
  // 1) ham HTML (JavaScript çalışmadan)
  const raw = await (await fetch(url)).text();
  const rawLinks = (raw.match(/<a\s[^>]*href=/gi) || []).length;

  // 2) mobil tarayıcıda, JavaScript çalıştıktan sonra
  await page.goto(url, { waitUntil: 'networkidle0' });
  const r = await page.evaluate(() => ({
    title: document.title,
    canonical: document.querySelector('link[rel=canonical]')?.href,
    links: document.querySelectorAll('a[href]').length,
    h1: document.querySelector('h1')?.textContent.trim(),
  }));

  await page.screenshot({ path: `mobil-${new URL(url).pathname.replace(/\W+/g, '_') || 'ana'}.png`, fullPage: true });
  console.log(url, { ...r, hamBaglanti: rawLinks });
}
await browser.close();