Puppeteer: Screenshot-Größe festlegen

Problem:

Sie versuchen, einen Screenshot mit Puppeteer so zu machen:

example.js

await page.screenshot({path: 'screenshot.png'});

await page.screenshot({path: 'screenshot.png'});

aber der Screenshot ist immer 800x600 Pixel. Wie können Sie die Größe des Screenshots erhöhen?

Lösung

Sie können die Größe für den Screenshot nicht festlegen, Sie müssen die Größe für den Viewport in puppeteer.launch festlegen:

example.js

const browser = await puppeteer.launch({
    defaultViewport: {width: 1920, height: 1080}
});

const browser = await puppeteer.launch({
    defaultViewport: {width: 1920, height: 1080}
});

Vollständiges Beispiel für einen 1920x1080-Screenshot:

screenshot_full_example.js

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
      defaultViewport: {width: 1920, height: 1080}
  });
  const page = await browser.newPage();
  await page.goto('https://techoverflow.net', {waitUntil: 'domcontentloaded'});
  // Warten bis die Seite vollständig geladen ist
  // Screenshot erstellen
  await page.screenshot({path: 'screenshot.png'});

  await browser.close();
})();

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
      defaultViewport: {width: 1920, height: 1080}
  });
  const page = await browser.newPage();
  await page.goto('https://techoverflow.net', {waitUntil: 'domcontentloaded'});
  // Warten bis die Seite vollständig geladen ist
  // Screenshot erstellen
  await page.screenshot({path: 'screenshot.png'});

  await browser.close();
})();

Check out similar posts by category: Javascript, Puppeteer

If this post helped you, please consider buying me a coffee or donating via PayPal to support research & publishing of new posts on TechOverflow

Buy me a coffee