Comment détecter l'ajout d'éléments aux pages Web en tant qu'extension de navigateur à l'aide d'une vérification périodique ?

Détection de l'ajout d'un élément sur une page Web en tant qu'extension de navigateur

Pour se notifier lors de l'ajout d'un élément DOM à une page, considérez le approche suivante :

Option 1 : événements de mutation du DOM (obsolète)

Auparavant, les événements de mutation fournissaient une méthode de surveillance des modifications du DOM. Cependant, leur dépréciation en 2012 exclut leur utilisation.

Option 2 : Vérification périodique

En raison de la nature indépendante des pages Web et de l'impossibilité de modifier leur source de manière contexte d'extension de navigateur, la vérification périodique reste la seule solution viable.

Implémentez une fonction checkDOMChange() pour :

• Vérifiez en permanence les nouveaux éléments en cours d'insertion ou spécifiques nœuds en cours de modification.
• Appelez-le de manière récursive toutes les 100 millisecondes (1/10ème de seconde) pour assurer une surveillance continue.

<code class="python">function checkDOMChange() {
    // Check for element insertion or node modification

    // Recursively call the function after 100 milliseconds
    setTimeout(checkDOMChange, 100);
}</code>

Remarque : Bien que la vérification périodique ne soit pas aussi efficace que l'observation en temps réel, elle devrait suffire pour la plupart des cas d'utilisation où une notification immédiate n'est pas critique.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!