Как получить все сообщения консоли с кукловодом? включая ошибки, нарушения CSP, отказавшие ресурсы и т. д.

Проблема GitHub, связанная с захватом ошибок консоли, включает отличный комментарий о прослушивании консольных и сетевых событий. Например, вы можете зарегистрироваться для вывода на консоль и сетевых ответов и сбоев, как это:

  page
    .on('console', message =>
      console.log(`${message.type().substr(0, 3).toUpperCase()} ${message.text()}`))
    .on('pageerror', ({ message }) => console.log(message))
    .on('response', response =>
      console.log(`${response.status()} ${response.url()}`))
    .on('requestfailed', request =>
      console.log(`${request.failure().errorText} ${request.url()}`))

И получите, например, такой вывод:

200 'http://do.carlosesilva.com/puppeteer/'
LOG This is a standard console.log message
Error: This is an error we are forcibly throwing
    at http://do.carlosesilva.com/puppeteer/:22:11
net::ERR_CONNECTION_REFUSED https://do.carlosesilva.com/http-only/sample.png
404 'http://do.carlosesilva.com/puppeteer/this-image-does-not-exist.png'
ERR Failed to load resource: the server responded with a status of 404 (Not Found)

См. Также типы полученных консольных сообщений с помощью console и _ 4_, _ 5_ и _ 6_ объекты, полученные с другими событиями.

Если вы хотите дополнить свой вывод некоторыми цветами, вы можете добавить Мел:

  const chalk = require('chalk')
  page
    .on('console', message => {
      const type = message.type().substr(0, 3).toUpperCase()
      const colors = {
        LOG: text => text,
        ERR: chalk.red,
        WAR: chalk.yellow,
        INF: chalk.cyan
      }
      const color = colors[type] || chalk.blue
      console.log(color(`${type} ${message.text()}`))
    })
    .on('pageerror', ({ message }) => console.log(chalk.red(message)))
    .on('response', response =>
      console.log(chalk.green(`${response.status()} ${response.url()}`)))
    .on('requestfailed', request =>
      console.log(chalk.magenta(`${request.failure().errorText} ${request.url()}`)))

В приведенных выше примерах используется Puppeteer API v2.0.0.

Самый простой способ захватить все сообщения консоли - передать аргумент dumpio в puppeteer.launch().

Из документации API Puppeteer:

dumpio: ‹boolean› Указывает, передавать ли браузерный процесс stdout и stderr в process.stdout и process.stderr. По умолчанию false.

Пример кода:

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch({
         dumpio: true
    });

    ...

})();

Вам нужно установить несколько слушателей, если вы хотите все уловить. Событие console генерируется, когда javascript на странице вызывает сообщение API консоли (например, console.log).

Полный список API консоли см. В документации для консоли на MDN: https://developer.mozilla.org/en-US/docs/Web/API/Console

Причина, по которой вам нужно несколько слушателей, заключается в том, что часть того, что записывается в опубликованном вами изображении, не происходит на странице.

Так, например, чтобы поймать первую ошибку в изображении net:: ERR_CONNECTION_REFUSED, вы должны установить слушателя следующим образом: page.on('requestfailed', err => console.log(err));

Документация кукловода содержит полный список событий. Вам следует взглянуть на документацию к используемой вами версии и посмотреть на различные события, которые будет выдавать класс Page, а также на то, что эти события будут возвращать. Пример, который я написал выше, вернет экземпляр класса запроса Puppeteer.

https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#class-page

Я расширил отличный код комментария Фердинанда описательным текстом ошибок из объекта JSHandle consoleMessage в следующем комментарии. Таким образом, вы можете поймать все ошибки в браузере и прочитать все описание, как в консоли браузера.

Проверьте это здесь https://stackoverflow.com/a/66801550/9026103