我是否需要等待样式表加载才能使用 css 选择器?

Do I need to wait for stylesheet to load to use css selectors?

简介: 在我的项目中我们使用 CodeceptJS with Puppeteer driver, we also use the configuration waitForNavigation 设置为 DOMContentLoaded 不等待加载外部资源,包括样式表和图像,开始与页面交互。

问题: 考虑到样式表可能无法加载,puppeteer 是否无法通过 CSS 选择器找到元素?

如果元素 DOM 存在,Puppeteer 将通过 CSS 选择器查找元素。 CSS 个文件加载与否无关紧要。

但是..

如果您使用 waitForSelectorvisible: true 选项,Puppeteer 将等待元素出现在 DOM 中并且可见,即没有 display: nonevisibility: hidden CSS 属性。

https://pptr.dev/#?product=Puppeteer&version=v1.20.0&show=api-pagewaitforselectorselector-options