检查视口中的可见性（木偶操纵者）

Question

如何检查Puppeteer是否在视口（可见区域）内可见HTML元素？例如，如果我必须滚动才能看到按钮，那么它就不可见了。

page.waitForSelector('#element', { visible: true })

page.waitForSelector函数不是我正在寻找的，因为它只检查元素是否在DOM中，而不是用CSS属性隐藏。

是否有任何方法可以检查元素在视口中的可见性？

Answer 1

您可以使用elementHandle.isIntersectingViewport()来检查元素是否在当前视口中可见：

df2 = data.frame(Leaver = sample(c("Leaver","Non-Leaver"), 1e7, replace=TRUE))

mb2 <- microbenchmark::microbenchmark(
  base = as.data.frame(table(df2$Leaver)),
  dplyr = count(df2, Leaver)
)

mb2
#Unit: milliseconds
# expr      min       lq     mean   median       uq      max neval
# base 421.4232 661.3697 648.7873 669.2828 676.4261 860.5663   100
#dplyr 326.6446 367.7304 378.3681 372.8822 386.2788 569.0868   100


autoplot(mb2)