Comment détecter les ajouts de nouveaux éléments dans les extensions de navigateur ?

Détection des ajouts d'éléments de page dans les extensions de navigateur

Les extensions de navigateur sont confrontées au défi de surveiller les pages Web dynamiques sans accès direct à leur code source. Détecter le moment où de nouveaux éléments sont ajoutés à la page est crucial pour la mise en œuvre de diverses fonctionnalités.

Surveillance des ajouts d'éléments

Pour surveiller les ajouts d'éléments, on peut envisager d'utiliser setInterval() pour rechercher à plusieurs reprises l'élément cible. Cependant, cette approche est inefficace et gaspille les ressources du processeur.

Événements de mutation : une option obsolète

Les événements de mutation étaient autrefois utilisés pour détecter les modifications du DOM, mais ils sont désormais obsolètes. . Cela laisse la vérification continue comme la seule option viable.

Vérification continue

L'extrait de code suivant implémente la vérification continue :

<code class="javascript">function checkDOMChange() {
  // Check for new elements or modifications

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

Cette fonction surveiller en permanence les changements dans le DOM à un intervalle de 100 millisecondes. Il fournit une méthode fiable pour détecter les ajouts d'éléments dans les extensions de navigateur, bien qu'avec des implications potentielles sur les performances.

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!