javascript - querySelectorAll 请求出现错误 "Object reference chain is too long"

Question

我想使用特定的 css 路径获取 DOM 中的所有元素:

var elements = await chromeless.evaluate(() => document.querySelectorAll('div a'))
console.log(elements[0].innerHTML)
console.log(elements[1].innerHTML)

但是这段代码在第一行给了我错误“对象引用链太长”

这段代码虽然有效:

var element = await chromeless.evaluate(() => document.querySelectorAll('div a')[0].innerHTML)
console.log(element)

我可能会使用循环来检索它们，但我不知道我的 DOM 中有多少元素有这个 css，所以我不知道循环多少次。

获取所有所需元素的正确语法是什么？

Answer 1

const elements = await chromeless.evaluateHandle(() => {
  const allOccurances = [...document.querySelectorAll("div a")];
  const data = allOccurances.map((node) => node.innerHTML);
  return data;
});
const response = await elements.jsonValue();

console.log(response);

我们可以通过根据 puppeteer 文档 https://pptr.dev/#?product=Puppeteer&version=v13.1.3&show=api-class-page 创建页面来使用页面，而不是 chromeless。