Comment ajouter un élément HTML à l'élément telegra.ph P ?

Question

Je construis une extension Chrome et je souhaite ajouter certains éléments à cette page de télégramme et il semble que seul le texte soit ajouté avec succès et non l'intégralité du code HTML.

const span = document.createElement("span");
span.innerHTML = '<span class="xxx">Foo,bar</span>';
const p = document.querySelector("p");
p.appendChild(span);

Answer 1

Comme suggéré dans les commentaires, j'ai vérifié par moi-même qu'il existe bien un MutationObserver Lorsqu'un code tente de changer quelque chose à un certain point de l'arborescence du document, il change le dom en temps réel.

Parce qu'il n'existe pas de moyen standard de trouver l'instance MutationObservers en direct qui écoute sur le dom (s'il y en a une), à ​​moins que vous ne puissiez travailler dur pour trouver dans quelle portée se trouve la variable contenant l'objet, le moyen le plus rapide est de remplacer l'élément body ; avec un clone de celui-ci, All MutationObservers disparaîtra.

document.body = document.body.cloneNode(true);

Une fois que vous avez fait cela, lorsque vous essayez d'attacher un élément au dom, il changera en conséquence sans interruption.

Pour être juste...

En cherchant comment obtenir une instance MutationObserver en direct ou quelle est la méthode de travail pour résoudre ce besoin, vous avez trouvé le dernier indice dans une réponse Stack Overflow ?

Existe-t-il un moyen de supprimer tous les mutationObservers d'un projet sans le référencer ?