¿Cómo bloquear div en el sitio web de forma permanente con Chrome?

12

Hay un sitio web que me gusta, pero con una sección de comentarios que me molesta mucho. Quiero bloquear el div que contiene los comentarios de forma permanente, en todas las páginas, en Google Chrome.

Para una eliminación temporal, puedo eliminar el nodo usando las Herramientas para desarrolladores web de Chrome. Pero, ¿cómo eliminarlo para siempre?

¿Cómo puedo hacer eso? Apuesto a que Adblock no me ayuda, ni las buenas intenciones. Incluso si lo intento, termino hojeando los comentarios que no son buenos para mi salud mental. Sugerencia: es un sitio web deportivo con comentarios de muy baja calidad.

Así que aquí está el ejemplo virtual:

  • SITIO: www.sportsrumours.com
  • DIV para bloquear: <div class="comments">All annoying comments go here</div>
  • El DIV es el mismo en todas las páginas de www.sportsrumours.com
google-chrome blocking Mcbetz
fuente

Respuestas:

25

Para este tipo de cosas, normalmente recomiendo el complemento elegante para Chrome.

Navegue hasta el sitio cuando haya instalado el complemento y vaya a:

Elegante (icono)> Administrar estilos instalados> Escribir nuevo estilo. Déle un nombre y seleccione "se aplica a". Indique el dominio del sitio del que desea eliminar los comentarios y seleccione "URL en el dominio".

use un código similar al siguiente para ocultar el div:

.comments {display: none !important;}

Guarde, y debería notar que el div ahora está oculto

EDITAR : Stylish es ahora Stylus, puede descargarlo aquí: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Fazer87
fuente
FYI: Después del escándalo que siguió a las prácticas de recolección de datos de Stylish, el código se bifurcó, limpió y volvió a publicar como "Stylus". ¡Alegrarse!
Vincent Vancalbergh
URL actualizada: chrome.google.com/webstore/detail/stylus/…
Owen
11

Puede usar Adblock Plus Chrome o Firefox Extension. Cuando esté habilitado, haga clic en su icono de extensión y luego haga clic en "Bloquear elemento". Luego puede hacer clic en un elemento de la página que desea bloquear.

Adblock Plus bloqueará ese elemento cada vez que se encuentre.

Andrés
fuente
2
No sé por qué esto fue rechazado. Adblockers han soportado elementos de bloqueo durante mucho tiempo. Entonces, si puede crear una regla para él en Stylish, puede bloquearla usando Adblock Plus o uBlock Origin, porque son compatibles con los selectores CSS.
Daniel B
1
¡Agradable! Usé AdBlock Plus durante muchos años, pero nunca me di cuenta de esa característica ordenada. A veces tengo esos momentos "duh" ;-)
deryb
¡GUAUU! Gran consejo Gracias. Con Adblock Plus puedes eliminar fácilmente cualquier elemento que desees.
HomTom
Mucho más fácil que la solución aceptada
Owen
1

Puede usar la extensión Stylebot Chrome. Después de la instalación, vaya al sitio web, abra Stylebot y use la herramienta de flecha para seleccionar DIV. Luego busque Layout and visibilityy haga clic en hide. El DIVdesaparecerá y el cambio persistirá. Por supuesto, puede deshacer eso cuando lo desee.

drk.com.ar
fuente
1
Stylebot no parecía funcionar para mí. Elegante recomendado en el otro anwer funciona muy bien.
Tim Swast