Puppeteer的waitForSelector是否在解析之前等待子元素加载？

Question

假设我有一个类别名称为.parent-element的元素，其中包含三个子元素。

[当我调用await page.waitForSelector('.parent-element');时，Puppeteer是否在解析之前等待所有子元素的渲染？

或者当父元素的开始标记出现在DOM中时，Puppeteer会立即解析吗？

Answer 1

Chrome实际上没有“未封闭标签”的概念-如果您这样做：

document.getElementById('wrapper').innerHTML = '<div>Unclosed';
console.log(document.getElementById('wrapper').innerHTML)

<div id="wrapper"/>

由于Chrome解析内容的方式，它立即关闭。因此，这取决于您“渲染”的意思，但是如果您想知道是否这样做：

document.getElementById('wrapper').innerHTML = '<div>/*a lot of stuff*/<img/></div>';

如果img选择器存在，wrapper tag将“在那里”，则为是。

如果您想知道图像是否会被加载，则不一定。