eval - 如何使用 .$$eval 函数

Question

我正在尝试运行此代码:

var aaa = await page.$$eval(selector, list => (list, value) => 
    {
        return resolve(list.find(element => element.textContent === value));
    }
    ,value);

但我收到一个错误。

因此，我尝试打印“列表”中的项目(因为我认为问题出在那里)，我尝试了以下代码:

var aaa = await page.$$eval(selector, list => list);

我收到“aaa”是空的。

知道可能是什么问题吗？

Answer 1

您正试图从 page.$$eval() 返回 DOM 元素，这将返回 undefined 因为 DOM 元素不是 serializable .
尝试使用 page.$$() 相反，如果您想返回 ElementHandle 大批。
看看Puppeteer Documentation为 page.$$eval()以下:

page.$$eval(selector, pageFunction[, ...args])

• selector <string> A selector to query page for
• pageFunction <function> Function to be evaluated in browser context
• ...args <...Serializable|JSHandle> Arguments to pass to pageFunction
• returns: <Promise<Serializable>> Promise which resolves to the return value of pageFunction

This method runs Array.from(document.querySelectorAll(selector)) within the page and passes it as the first argument to pageFunction.

If pageFunction returns a Promise, then page.$$eval would wait for the promise to resolve and return its value.

Examples:

const divsCounts = await page.$$eval('div', divs => divs.length);