Puppeteer：将元素句柄数组发送到page.evaluate
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Puppeteer：将元素句柄数组发送到page.evaluate相关的知识，希望对你有一定的参考价值。
在Pupeteer中，我想将任意数量的ElementHandle传递给数组中的方法evaluate：
const element1=await page.$(".element")
const element2=await page.$(".another-element")
await page.evaluate((elements)=>{
// do stuff with the array of elements
,[element1, element2]);
但是，因为ElementHandle不可序列化，会出现以下错误：
TypeError: Converting circular structure to JSON
有没有办法实现这个目标？
答案
目前这是不可能的。但你可以简单地转换你的elemetHandles数组，借助传播到参数，然后使用rest运算符将它们再次收集到数组中：
const puppeteer = require('puppeteer');
const html = `
<html>
<body>
<div class="element">element 1</div>
<div class="element">element 2</div>
<div class="element">element 3</div>
</body>
</html>`;
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto(`data:text/html,${html}`);
const element1 = await page.$('.element:nth-child(1)');
const element2 = await page.$('.element:nth-child(2)');
const element3 = await page.$('.element:nth-child(3)');
const result = await page.evaluate((...elements) => {
// do stuff with the array of elements
return elements.map(element => element.textContent);
}, ...[element1, element2, element3]);
console.log(result);
await browser.close();
})();
以上是关于Puppeteer：将元素句柄数组发送到page.evaluate的主要内容，如果未能解决你的问题，请参考以下文章
如何从 Puppeteer 将文本输入到 Flash TextArea 中？
Puppeteer：使用page.querySelectorAll（）不是一个函数