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

【问题标题】：Hover on element and getComputedStyle in Node.js using Puppeteer?使用 Puppeteer 将鼠标悬停在 Node.js 中的元素和 getComputedStyle 上？
【发布时间】：2019-02-09 10:19:00
【问题描述】：

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

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

【问题讨论】：

标签： javascript node.js hover google-chrome-devtools puppeteer

【解决方案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);

【讨论】：