Prise en compte du shadow-dom

[AlexTraveylan]

description

Le shadom-dom se matérialise ainsi dans le html :

Il est ignoré par l'extension.

Reproduire

Sur le site web https://candidat.francetravail.fr/inscription-en-ligne/ par exemple, on trouve du shadow-dom, Green-it mesure un dom à 270 alors que le vrai dom est à 780.

Pistes

• Lighthouse recupere la bonne taille de dom
• Cette fonction permet d'obtenir la bonne taille en tenant en compte le shadow-dom

const countShadom = () => {
    const countElements = (element) => {
	let count = 1;
	Array.from(element.children).forEach(child => {
		count += countElements(child);
	});

	if (element.shadowRoot) {
	    Array.from(element.shadowRoot.children).forEach(sChild => {
	        count += countElements(sChild);
	    });
	}
    return count;
    };
	
    return countElements(document.body)
}