本文介绍了Pupeteer：将elementHandle数组发送到page。评估的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
在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
有没有办法实现这一点？
推荐答案
目前无法执行此操作。但是，您可以简单地借助扩散到参数来转换elemetHandle数组，然后使用睡觉运算符将它们重新收集到数组中：
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();
})();
这篇关于Pupeteer：将elementHandle数组发送到page。评估的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！