您必须将变量作为参数传递给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浏览器内对象的 s：https : //pptr.dev/#?show=api - pageevaluatepagefunction - args

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

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});

单变量：

你可以通过一个变量来page.evaluate()使用的语法如下：

await page.evaluate(example => { /* ... */ }, example);

注意：您不需要将变量括在 中()，除非您要传递多个变量。

多个变量：

您可以通过多个变量来page.evaluate()使用的语法如下：

await page.evaluate((example_1, example_2) => { /* ... */ }, example_1, example_2);

注意：{}不需要将变量包含在其中。

我花了很长时间才发现console.log()inevaluate()无法在节点控制台中显示。

参考：https : //github.com/GoogleChrome/puppeteer/issues/1944

在 page.evaluate 函数中运行的所有内容都是在浏览器页面的上下文中完成的。该脚本在浏览器中运行而不是在 node.js 中运行，因此如果您登录，它将显示在浏览器控制台中，如果您无头运行，您将看不到。您也不能在函数内部设置节点断点。

希望这能有所帮助。

对于 pass a function，有两种方法可以做到。

// 1. Defined in evaluationContext
await page.evaluate(() => {
  window.yourFunc = function() {...};
});
const links = await page.evaluate(() => {
  const func = window.yourFunc;
  func();
});


// 2. Transform function to serializable(string). (Function can not be serialized)
const yourFunc = function() {...};
const obj = {
  func: yourFunc.toString()
};
const otherObj = {
  foo: 'bar'
};
const links = await page.evaluate((obj, aObj) => {
   const funStr = obj.func;
   const func = new Function(`return ${funStr}.apply(null, arguments)`)
   func();

   const foo = aObj.foo; // bar, for object
   window.foo = foo;
   debugger;
}, obj, otherObj);

您可以添加devtools: true到启动选项进行测试