如何将变量传递给评估函数？

Question

我试图将一个变量传递给 Puppeteer 中的 page.evaluate() 函数，但是当我使用以下非常简化的示例时，变量 evalVar 未定义。

我是 Puppeteer 的新手，找不到任何可以构建的示例，所以我需要帮助将该变量传递给 page.evaluate() 函数，以便我可以在内部使用它。

 const puppeteer = require('puppeteer');

(async() => {

  const browser = await puppeteer.launch({headless: false});
  const page = await browser.newPage();

  const evalVar = 'WHUT??';

  try {

    await page.goto('https://www.google.com.au');
    await page.waitForSelector('#fbar');
    const links = await page.evaluate((evalVar) => {

      console.log('evalVar:', evalVar); // appears undefined

      const urls = [];
      hrefs = document.querySelectorAll('#fbar #fsl a');
      hrefs.forEach(function(el) {
        urls.push(el.href);
      });
      return urls;
    })
    console.log('links:', links);

  } catch (err) {

    console.log('ERR:', err.message);

  } finally {

    // browser.close();

  }

})();

原文由 Cat Burston 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您必须将变量作为参数传递给 pageFunction 如下所示：

 const links = await page.evaluate((evalVar) => {

  console.log(evalVar); // 2. should be defined now
  …

}, evalVar); // 1. pass variable as an argument

您可以通过将更多参数传递给 page.evaluate() 来传递多个变量：

 await page.evaluate((a, b c) => { console.log(a, b, c) }, a, b, c)

参数必须可以序列化为 JSON 或 JSHandle 浏览器内对象： https ://pptr.dev/#?show=api-pageevaluatepagefunction-args

原文由 flozia 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我鼓励您坚持使用这种风格，因为它更 方便 和 可读。

 let name = 'jack';
let age  = 33;
let location = 'Berlin/Germany';

await page.evaluate(({name, age, location}) => {

    console.log(name);
    console.log(age);
    console.log(location);

},{name, age, location});

原文由 Mehdi Raash 发布，翻译遵循 CC BY-SA 3.0 许可协议