记录来自 Puppeteer Node.js 进程的客户端代码中的“控制台”调用

Question

在以下代码示例中，作为参数传递给page.evaluate() 的函数内部的日志语句不会打印到节点控制台（终端）。此函数之外的日志语句（最后）正在按预期打印。

另一位程序员建议，page.evaluate 上下文可能是无头浏览器环境，而不是 Node.js。

 const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.setExtraHTTPHeaders({Referer: 'https://sparktoro.com/'});

    await page.goto('https://sparktoro.com/trending');
    await page.waitForSelector('div.title > a');

    const stories = await page.evaluate(() => {
        const selection = document.querySelectorAll('div.title > a');
        console.log('selection', selection);
        const links_array = Array.from(selection);
        console.log('links_array', links_array);
        const hrefs = links_array.map(anchor => anchor.href)
        console.log('hrefs', hrefs);
        return hrefs
    });

    console.log(stories);
    await browser.close();
})();

有什么方法可以强制所有 console.log 语句使用 Node 环境作为它们的上下文，还是我唯一的选择是启用浏览器头并从浏览器控制台读取语句？

Answer 1

另一位程序员建议 page.evaluate 上下文可能是无头浏览器环境而不是 Node.js。

对，这是 Puppeteer 的关键之一，evaluate 回调中的代码是在浏览器中评估的，而不是在您的 Node 进程中（尽管使用 Puppeteer 看代码源代码并不明显）。

您可以响应Page 对象的console event，该对象在客户端代码中调用任何console 方法（log、error 等）时引发。从那个链接：

page.on('console', msg => {
  for (let i = 0; i < msg.args().length; ++i)
    console.log(`${i}: ${msg.args()[i]}`);
});

console 事件接收到一个ConsoleMessage object，它告诉您它是什么类型的调用（log、error 等）、参数是什么（args()）等。