Soy nuevo en la extensión de Chrome.

He creado algo que cambia la visualización de la página (estoy insertando un pequeño "div").

Funciona bien al principio, puedo ver que se agrega mi div, pero luego se carga más javascript del sitio web de destino y mi adición desaparece.

¿Alguna idea de cuál podría ser la razón?

Estas son las pruebas que he hecho hasta ahora:

• No hay diferencia de mensajes de error en javascript con o sin la extensión
• La extensión funciona bien en otro sitio web

EDITAR: Estoy tratando de agregar algo en https://www.sainsburys.co.uk/shop/gb/groceries/ *

utilizando el siguiente script:

 function insertAfter(referenceNode, newNode) { referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling); } let itemClassName = "productInfo"; let itemList = document.getElementsByClassName(itemClassName); for (let i = 0; i < itemList.length; i++) { let divList = itemList[i].getElementsByTagName('div') const indicDiv = document.createElement('div') indicDiv.style.color = '#018A76' indicDiv.style.fontSize = '18px' indicDiv.style.fontWeight = 'bold' indicDiv.style.textAlign = 'center' indicDiv.innerText = 'BUY' insertAfter(divList[0], indicDiv); }