Wie macht man Screenshots in Puppeteer?

Das Erstellen eines Screenshots mit Puppeteer ist ganz einfach. Sie müssen lediglich den Viewport des Browsers einstellen und die Methode page.screenshot() verwenden. So erstellen Sie einen Screenshot der Startseite von Bright Data:

      const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  // Setze die Abmessungen des Ansichtsfensters
  await page.setViewport({ width: 1920, height: 1080 });

  // Zur Startseite von Bright Data navigieren
  await page.goto('https://brightdata.com');

  try {
    // Screenshot aufnehmen und speichern
    await page.screenshot({ path: 'brightdata_homepage.jpg' });
  } catch (err) {
    console.error(`Fehler beim Erfassen des Screenshots: ${err.message}`);
} finally {
    await browser.close();
    console.log('Screenshot erfolgreich erfasst');
}
})();

Schritte zum Erstellen eines Screenshots in Puppeteer:

Installieren Sie Puppeteer: Stellen Sie sicher, dass Puppeteer in Ihrem Projekt installiert ist.npm install puppeteer
Browser starten: Starten Sie eine neue Browser-Instanz mit puppeteer.launch().
Neue Seite öffnen: Verwenden Sie browser.newPage(), um eine neue Seite zu öffnen.
Viewport festlegen: Legen Sie die Abmessungen des Viewports mit page.setViewport({ width, height }) fest.
Zur URL navigieren: Navigieren Sie mit page.goto('Ihre-Website-URL') zur gewünschten URL.
Screenshot aufnehmen: Verwenden Sie page.screenshot({ path: 'your-file-name.jpg' }) zum Aufnehmen und Speichern des Screenshots.
Fehler behandeln: Umschließen Sie die Screenshot-Logik mit einem try-catch-Block, um etwaige Fehler zu behandeln.
Browser schließen: Schließen Sie die Browser-Instanz mit browser.close().

Diese Methode gewährleistet eine schnelle und zuverlässige Möglichkeit, Screenshots von Webseiten mit Puppeteer zu erstellen. Für fortgeschrittenere Anforderungen umgeht der Puppeteer-Web-Scraping-Browser von Bright Data automatisch Website-Sperren und übernimmt die CAPTCHA-Lösung und das Browser-Fingerprinting. Skalieren Sie mühelos mit einer einzigen API und dem robusten Netzwerk von Bright Data und sparen Sie sich die Kosten für den Aufbau einer eigenen Infrastruktur.

Gratis testen Beginnen Sie mit Google