Estoy tratando de ejecutar el código después de que la página esté completamente cargada usando esta extensión de Chrome https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld Probado window.onload, document.addEventListener('load',...), document.addEventListener('DOMContentLoaded',...), No tengo más ideas
El código anterior funciona
setTimeout(() => {
let placeForButtons = document.body.querySelector('[class="bdao358l om3e55n1 g4tp4svg alzwoclg jg3vgc78 i15ihif8 aeinzg81 sl27f92c i85zmo3j sr926ui1 jl2a5g8c sn0e7ne5 f6rbj1fe l3ldwz01 srn514ro s9xz0pwp rl78xhln c4m0enpj c7y9u1f0 f5ap8yob"]');
console.log("place", placeForButtons);
document.querySelector('[class="alzwoclg jcxyg2ei i85zmo3j"]').remove();
placeForButtons.appendChild(startButton);
placeForButtons.appendChild(stopButton);
}, 2000);
este no
$(window).on('load', function() {
let placeForButtons = document.body.querySelector('[class="bdao358l om3e55n1 g4tp4svg alzwoclg jg3vgc78 i15ihif8 aeinzg81 sl27f92c i85zmo3j sr926ui1 jl2a5g8c sn0e7ne5 f6rbj1fe l3ldwz01 srn514ro s9xz0pwp rl78xhln c4m0enpj c7y9u1f0 f5ap8yob"]');
console.log("place", placeForButtons);
document.querySelector('[class="alzwoclg jcxyg2ei i85zmo3j"]').remove();
placeForButtons.appendChild(startButton);
placeForButtons.appendChild(stopButton);
});
Además, probé observador
const observer = new MutationObserver(function() {
console.log('start');
if(document.querySelector('[class="alzwoclg jcxyg2ei i85zmo3j"]')) {
let placeForButtons = document.body.querySelector('[class="bdao358l om3e55n1 g4tp4svg alzwoclg jg3vgc78 i15ihif8 aeinzg81 sl27f92c i85zmo3j sr926ui1 jl2a5g8c sn0e7ne5 f6rbj1fe l3ldwz01 srn514ro s9xz0pwp rl78xhln c4m0enpj c7y9u1f0 f5ap8yob"]');
console.log("place", placeForButtons);
document.querySelector('[class="alzwoclg jcxyg2ei i85zmo3j"]').remove();
placeForButtons.appendChild(startButton);
placeForButtons.appendChild(stopButton);
observer.disconnect();
}
});
observer.observe(document, {childList: {
subtree: true,
childList: true
}});
Observador sin salida
Probé tu código de Mutation Observer y noté que tal vez tienes un error tipográfico en
{
childList: {
subtree: true,
childList: true
}}
ChildList es una de las propiedades y no un objeto, por lo que tal vez si lo escribe para que sea
{ subárbol: verdadero, lista de niños: verdadero }
El código se ejecutará. Hice algunas pruebas en páginas aleatorias y al aplicar esto, el código genera "inicio" para cada cambio en DOM.