使用Puppeteer将Node悬停在Node.js中的element和getComputedStyle上?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Puppeteer将Node悬停在Node.js中的element和getComputedStyle上?相关的知识,希望对你有一定的参考价值。

我想悬停在一些元素上,让我们说document.getElementById("abc")并找到它的悬停计算样式。

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

答案

您可以使用以下解决方案迭代并将鼠标悬停在某些元素上以获取计算出的样式:

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 );

以上是关于使用Puppeteer将Node悬停在Node.js中的element和getComputedStyle上?的主要内容,如果未能解决你的问题,请参考以下文章

Puppeteer .click 悬停而不是单击

puppeteer / node.js - 进入页面,点击加载更多直到所有评论加载,将页面保存为mhtml

使用 Puppeteer 和 Node.JS 在网站上的 iFrame 中找不到隐藏的输入元素

结合puppeteer和egg.js搭建html转pdf或png的node中间层服务。

如何使用 puppeteer 和 Node js 为 pdf 页面生成屏幕截图

Node.js puppeteer - 如何设置导航超时?