通过无头模式截屏 Chrome SSL 错误页面

Question

我正在尝试使用无头屏幕截图如下所示的 Chrome SSL 错误页面：

此 Puppeteer 代码挂起等待屏幕截图（），但适用于非 SSL 错误页面：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({headless: false});
  const page = await browser.newPage();
  const client = await page.target().createCDPSession()
  // await client.send('Security.setIgnoreCertificateErrors', {ignore: true}) 
  try {
    await page.goto('https://neverssl.com', {
    waitUntil: 'networkidle2',
    timeout: 1000});
    await page.screenshot({path: 'success.png'});
  }
  catch (ex) {
    console.log("ERROR", ex)
    await page.screenshot({path: 'error.png'});
  }
  await browser.close();
})();

我也尝试设置Security.setIgnoreCertificateErrors，但完全绕过了错误页面。

Answer 1

目前似乎无法在 Chrome/Chromium 中捕获插页式广告的屏幕截图。

Josh's link 更深入地解释了原因，但简短的回答是，像我上面的屏幕截图这样的 SSL 错误就像一个特殊的叠加层，实际上并不是页面的一部分。由于实际页面尚未完成渲染，因此尝试截屏时挂起。