Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

133
Vistas
Extensión del navegador para detener la carga de elementos de página particulares

Después de buscar en Google y mirar tutoriales, tengo un código como este:

Archivo: background.js :

 chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) { if (changeInfo.status == 'complete' && tab.active) { chrome.tabs.executeScript(tab.ib, { file: 'inject.js' }); } })

Archivo: inject.js

 (function() { function remove_by_class(className) { var elem = document.getElementsByClassName(className)[0]; elem.parentNode.removeChild(elem); } function remove_by_title(itemTitle) { var elem = document.querySelector('[title = itemTitle]'); elem.parentNode.removeChild(elem); } if (url.includes('SOME_URL_SUBSTRING')){ remove_by_class('CLASS_NAME'); remove_by_title('ITEM_TITLE'); } })();

Esto elimina ciertos elementos, generalmente uno o dos segundos después de que los veo cargar. Y si entiendo correctamente, solo puede eliminar elementos de la página tal como existe 'inicialmente', cuando se carga por primera vez: elementos creados más tarde (por futuro Las acciones de Javascript en la página) no se ven afectadas, porque el código de mi extensión solo se inyecta y ejecuta una vez.

Lo que estoy buscando en cambio es algún tipo de extensión 'siempre activa' que observe de manera proactiva la carga de ciertos elementos. Básicamente, quiero tener una función que se llame cada vez que se cargue/cree un elemento HTML en la página, y solo permita que el elemento se coloque realmente si la función devuelve 'verdadero'.

¿Cuál es la forma más fácil de lograr algo como esto?

EDITAR: como ejemplo, digamos que quería bloquear el logotipo de YouTube (nombre de clase style-scope ytd-topbar-logo-renderer para que no se cargue). Supongo que me gustaría un MWE que impida que se cargue.

(Para el contexto: soy completamente nuevo tanto en las extensiones de Chrome en particular como en Javascript en general, pero por lo demás estoy algo familiarizado con la programación. En este momento, solo tengo curiosidad / estoy jugando, pero hay un objetivo vago de hacer una especie de 'productividad'. tool' para mí, lo que me permite usar Facebook, Youtube, etc. exactamente para lo que los necesito, con elementos que distraen o extraños (para mí), como videos recomendados, redactados).

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda