Ожидает ли Puppeteer waitForSelector ожидания загрузки дочерних элементов перед разрешением?

Question

Допустим, у меня есть элемент с именем класса .parent-element с тремя дочерними элементами.

Когда я вызываю await page.waitForSelector('.parent-element'); Ожидает ли Puppeteer все дочерние элементы для рендеринга, прежде чем разрешить?

Или Puppeteer разрешает, как только открывающий тег для родительского элемента появляется в DOM?

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 существует, тогда да.

Если вам интересно, будет ли загружено изображение , то не обязательно.