首页  >  文章  >  web前端  >  为什么 Puppeteer 的 `page.evaluate` 使用 `querySelectorAll` 返回空对象?

为什么 Puppeteer 的 `page.evaluate` 使用 `querySelectorAll` 返回空对象?

DDD
DDD原创
2024-11-22 06:49:17614浏览

Why does Puppeteer's `page.evaluate` return empty objects with `querySelectorAll`?

Puppeteer 评估 QuerySelectorAll 返回空对象

当使用 Puppeteer 的 page.evaluate 函数通过 querySelectorAll 查询页面元素时,您可能会遇到以下问题:返回的数组包含空对象。发生这种情况是因为 JavaScript 对象本质上不是 JSON 可序列化的。

一种潜在的解决方案是从元素中提取特定数据,确保它可以序列化为 JSON。例如,如果您对元素的 href 属性感兴趣,可以按如下方式修改代码:

const list = await page.evaluate((sel) => {
  let elements = Array.from(document.querySelectorAll(sel));
  let links = elements.map(element => element.href);
  return links;
}, sel);

此代码将返回表示所选元素的 href 属性的字符串数组,该数组可以轻松序列化和打印。

以上是为什么 Puppeteer 的 `page.evaluate` 使用 `querySelectorAll` 返回空对象?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn