使用 Puppeteer 将鼠标悬停在 Node.js 中的元素和 getComputedStyle 上？

Question

我想将鼠标悬停在某个元素上，比如说document.getElementById("abc")并找到它的悬停计算样式。

我应该如何使用 Puppeteer 在 Node.js 中做到这一点？

Answer 1

您可以使用以下解决方案迭代并悬停在某些元素上以获得计算样式：

const elements = await page.$$('.abc');
const data = [];

for (let i = 0; i < elements.length; i++) {
  await elements[i].hover();
  data.push(await page.evaluate(element => window.getComputedStyle(element), elements[i]));
}

console.log(data);