Extensión de Chrome: haga clic para eliminar el elemento

Original web-page: https://blog.jpalardy.com/posts/chrome-extension-click-to-remove-element/

jpalardy's avatar
JONATHAN PALARDY

17 de agosto de 2020


Durante años, personalicé páginas web abriéndolas Developer Tools, buscando los elementos DOM correctos y eliminándolos. Los casos clásicos incluyen:

  • anuncios sobrantes
  • molestas imágenes GIF
  • ventanas emergentes modales
  • pancartas de “Acept cookies”
  • los ayudantes “share” barras de herramientas
  • encabezados/pies de página excesivos

Haga clic para quitar el elemento

Había llegado a un punto en el que deseaba poder “hacer clic derecho, eliminar” en cualquier parte de una página. (sin abrir una consola) fui a buscar y encontré: Haga clic para quitar el elemento.

Hace exactamente lo que dice que hace 😃

Obtiene un icono de la barra de herramientas (y un atajo de teclado: cmd-shift-x)… y si hace clic en algo, se elimina. Directamente del sitio web, los ejemplos son simples pero convincentes.

Eliminar imágenes:

example removing an annoying gif

Eliminar navegación:

example removing an annoying nav

Eliminar anuncios:

example removing an annoying ad

No se muestra arriba, pero es importante, hay una ventana emergente auxiliar (navegador en la parte inferior derecha) que muestra la ruta HTML:

helper popup in action

Como se indica, puede pasar a padre/hijo con q/w, respectivamente. Puede hacer una “selección aproximada” y navegar hasta el “contenedor principal”, que es fácil de distinguir porque los elementos están resaltados en la página.

 

About the Author