傀儡師黑色截圖

Question

當我使用x 、 y 、 width和height參數制作屏幕截圖時，puppeteer 返回一個黑色屏幕截圖，沒有它一切正常。 這是我的代碼：

await page.screenshot({ path: 'build.png', clip: { x: 0, y: 0, width: 810, height: 415 } });

有沒有辦法解決這個問題？

Answer 1

對我來說，您的代碼片段按預期工作（Windows 10，puppeteer 3.1.0）。 這可能是環境或網頁相關問題（例如， 文檔說OSX 屏幕截圖至少需要 1/6 秒）。

作為一種解決方法，您可以使用page.setViewport裁剪所需的大小，然后進行正常的屏幕截圖。

圖像build.png和build2.png與我 100% 相同（大小、裁剪、所有內容），所以如果您的唯一問題是clip ，那么您可以使用此解決方案進行 go。

const puppeteer = require('puppeteer')

async function fn() {
  const browser = await puppeteer.launch()
  const page = await browser.newPage()

  await page.setViewport({ width: 810, height: 415 })
  await page.goto('https://www.google.com')
  await page.screenshot({ path: 'build.png', clip: { x: 0, y: 0, width: 810, height: 415 } }) // your original try
  await page.screenshot({ path: 'build2.png' }) // workaround, combined with setViewport

  await browser.close()
}
fn()