如何在 puppeter 中打印页面的控制台输出，因为它会出现在浏览器中？

IT技术 javascript puppeteer
2021-02-02 17:59:48

我一直看到这个错误的代码

page.on('console', msg => console.log(msg.text()));

这失败

console.log('Hello %s', 'World');

产生

Hello World     // browser
Hello %s World  // puppeteer

好的，所以我想也许我可以这样做

page.on('console', msg => console.log(...msg.args()));

NOPE：这会抛出一些巨大的JSHandle东西。

好的，所以也许

page.on('console', msg => console.log(...msg.args().map(a => a.toString());

NOPE：打印

JSHandle: Hello %s JSHandle: World

我想我可以通过删除前 9 个字符来破解它。

我也试过

page.on('console', msg => console.log(...msg.args().map(a => a.jsonValue())));

NOPE：打印

Promise { <pending> } Promise { <pending> }

好吧 怎么样

page.on('console', async(msg) => {
  const args = Promise.all(msg.args().map(a => a.jsonValue()));
  console.log(...args);
});

不，那打印 

UnhandledPromiseRejectionWarning: TypeError: Found non-callable @@iterator
UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 95)

再来一次

page.on('console', async(msg) => {
  const args = Promise.all(msg.args().map(async(a) => {
    return await a.jsonValue();
  }));
  console.log(...args);
});

和之前一样

UnhandledPromiseRejectionWarning: TypeError: Found non-callable @@iterator
UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a

我什至追查过，msg.text()但它所做的只是返回一个预制的字符串，所以现在使用它为时已晚。

如何在 puppeteer 中获得与浏览器的 console.log 相同的输出？

PS：如上所述，这个hack适用于puppeteer 1.20.0

  page.on('console', (msg) => {
    console.log(...msg.args().map(v => v.toString().substr(9)));
  });

但这显然是一个黑客行为，我预计它会在某个时候中断，因此正在寻找正确的解决方案。

2个回答
  page.on('console', async e => {
    const args = await Promise.all(e.args().map(a => a.jsonValue()));
    console.log(...args);
  });

或者

  page.on('console', async e => {
    const args = await Promise.all(e.args().map(a => a.jsonValue()));
    console[e.type() === 'warning' ? 'warn' : e.type()](...args);
  });

作品

您可以使用msg.args()，解决方法将是这样的。

page.on('console', async msg => {
  const args = await msg.args()
  args.forEach(async (arg) => {
    const val = await arg.jsonValue()
    // value is serializable
    if (JSON.stringify(val) !== JSON.stringify({})) console.log(val)
    // value is unserializable (or an empty oject)
    else {
      const { type, subtype, description } = arg._remoteObject
      console.log(`type: ${type}, subtype: ${subtype}, description:\n ${description}`)
    }
  })
});

或类似的东西，只打印 Error

page.on('console', async msg => {
  // serialize my args the way I want
  const args = await Promise.all(msg.args.map(arg => arg.executionContext().evaluate(arg => {
    // I'm in a page context now. If my arg is an error - get me its message.
    if (arg instanceof Error)
      return arg.message;
    // return arg right away. since we use `executionContext.evaluate`, it'll return JSON value of
    // the argument if possible, or `undefined` if it fails to stringify it.
    return arg;
  }, arg)));
  console.log(...args);
});
这是有用的信息，但它实际上并没有回答所提出的问题。
2021-03-31 17:59:48
2021-04-13 17:59:48
其它你可能感兴趣的问题
上一篇ES6 类：内省怎么样？ 下一篇设置窗口滚动动画的 CSS 值限制