我正在尝试将变量传递到page.evaluate()
中的Puppeteer函数,但是当我使用下面非常简化的示例时,变量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();
}
})();
你必须将变量作为参数传递给pageFunction
,如下所示:
const links = await page.evaluate((evalVar) => {
console.log(evalVar); // should be defined now
…
}, evalVar);
参数也可以序列化:https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#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()
中的evaluate()
无法在节点控制台中显示。
参考:https://github.com/GoogleChrome/puppeteer/issues/1944
在page.evaluate函数内运行的所有内容都在浏览器页面的上下文中完成。该脚本在浏览器中运行,而不是在node.js中运行,因此如果您进行日志记录,它将在浏览器控制台中显示,如果您运行无头,则无法看到。您也无法在函数内设置节点断点。
希望这可以提供帮助。
要通过function
,有两种方法可以做到。
// 1. Define in evaluationContext
await page.evaluate(() => {
window.yourFunc = function() {...};
});
const links = await page.evaluate(() => {
const func = window.yourFunc;
func();
});
// 2. Transform function to serializable. (Function can not be serialized)
const yourFunc = function() {...};
const obj = {
func: yourFunc.toString()
};
const links = await page.evaluate((obj) => {
const funStr = obj.func;
const func = new Function(`return ${funStr}.apply(null, arguments)`)
func();
}, obj);