javascript - 使用 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);