能否将一个函数传递给Puppeteer的page.evaluate()方法？

Question

能否将一个函数传递给Puppeteer的page.evaluate()方法？

7

我正在使用 Puppeteer 解析一个网页，但找不到确切的答案来回答我的问题。

我试图将一个函数作为参数传递给 page.evaluate()，传递对象可以，但似乎无法传递函数。下面是一个人为制造的例子：

const obj = {
 thing: 'thing1',
};

const myfunction = () => {
 return `great ${stuff}`;
};

await page.evaluate((obj, function)=>{
 const thing = myfunction;
},(obj, function));

在Puppeteer的page.evaluate()中，是否可以将函数作为参数传递？

- Falko

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Thomas Dondorf · Accepted Answer

不，你不能这样传递函数。传递的数据需要通过JSON.stringify进行序列化，而函数无法进行序列化。

替代方案：暴露该函数

要在页面中使用来自 Node.js 环境的函数，您需要通过page.exposeFunction将其公开。调用该函数时，它会在 Node.js 环境内执行。

await page.exposeFunction('myfunction', text => `great ${text}`);
await page.evaluate(async (object) => {
  return await window.myfunction(object); // 'great example'
}, 'example');

替代方案：在page.evaluate内定义函数

如果你想在页面上下文中使用一个函数，你可以将其定义在上下文中。这样一来，函数就无法访问你的Node.js变量。

await page.evaluate((obj) => {
  const myfunction = (stuff) => `great ${stuff}`;
  return myfunction(obj); // 'great example'
}, 'example');