![](/img/trans.png)
[英]Headless Chromium with Puppeteer doesn't work on Amazon Linux AMI
[英]debug in chromium / puppeteer doesn't populate evaluate script
所以我启动了以下代码
this.browser = await puppeteer.launch( { headless: false, devtools: true, slowMo: 200});
this.page = await this.browser.newPage();
await this.page.goto(pageUrl);
let result = await this.page.evaluate(() => {
const labels = document.querySelectorAll("li.product-item");
let productList = [];
for(let product of labels) {
productList.push(product);
}
debugger;
//filter only product stacks that have a price
const productStacks = productList.filter(product => product.querySelector("span.price-wrapper") !== null);
let results = productStacks.map(product => {
return product.querySelector("span.price-wrapper").getAttribute("data-price-amount");
});
return results;
});
因此 chromium 启动并在适当的代码处暂停(据我所知),我什至可以看到局部变量填充了预期结果并逐步执行代码,但是打开的文件puppeteer_evaluation_script没有填充评估脚本和仍然是内容,所以我正在盲目地步入。
//# sourceURL=__puppeteer_evaluation_script__
有时几分钟后,它有时确实会填充代码。 我不知道出了什么问题,我尝试更新最新的节点 lts 和 puppeteer,但行为相同。
我不知道是什么导致了这个问题,但这里有一对可能的解决方案。
为避免获得:
//# sourceURL=__puppeteer_evaluation_script__
您可以公开 function:
const puppeteer = require('puppeteer');
var browser = null;
var page = null;
(async () =>
{
browser = await puppeteer.launch(
{
headless: false,
devtools: true,
});
page = await browser.newPage();
await page.goto("https://google.com/");
// Expose a function
page.exposeFunction("nothing", () => null);
await page.evaluate(async function()
{
debugger;
console.log("Do task");
});
})();
以防万一将来失败。 我为使用eval()
制作了一个包装器,因为源出现使用它。 它适用于同步和异步函数,并支持传递参数和返回值。
function evaluateFixed(page, realFunction)
{
return page.evaluate(async function(realFunction, args)
{
var func = eval(`(${realFunction})`);
if(func.constructor.name === "AsyncFunction")
return await func(...args);
else
return func(...args);
},
realFunction.toString(), Array.from(arguments).slice(2));
}
(async () =>
{
browser = await puppeteer.launch(
{
headless: false,
devtools: true,
});
page = await browser.newPage();
await page.goto("https://google.com/");
console.log("Doing test");
let res = await evaluateFixed(page, async function(x, y, z)
{
debugger;
console.log("Do task", x, y, z);
function sleep(amount)
{
return new Promise((resolve) => setTimeout(resolve, amount));
}
for(let i = 0; i < 10; i++)
{
console.log("on seconds", i);
await sleep(1000);
}
return { "fee": "foo" };
}, 1, "two", { "three": 3});
console.log("Res 1", res);
res = await evaluateFixed(page, () =>
{
debugger;
return 1 + 2;
});
console.log("Res 2", res);
})();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.