¿Cómo bloquear todas las imágenes en un sitio web?

Question

Me gustaría poder bloquear todas las imágenes en sitios web que sufren de imágenes de clickbaity severas para que solo se muestre texto. Sería bueno si la solución pudiera desactivarse o habilitarse fácilmente en caso de que quisiera ver las imágenes temporalmente. ¿Cómo puedo hacer esto?

Answer 1

tl; dr

Simplemente agregue una (o ambas) de estas reglas a los filtros de su bloqueador de anuncios:

• example.com##imgpara bloquear cada <img>elemento
• example.com$imagepara bloquear todas las imágenes servidas desdeexample.com

Consulte la sección de notas para obtener más información.

Tutorial

1. Instale un bloqueador de anuncios (comoOrigen del uBloque) y haga clic en su icono.
2. Haga clic en la barra "Mis filtros" y pegue example.com##imgy/o example.com$image.
3. Haga clic en "Aplicar cambios".

Si desea desactivar temporalmente el bloqueo, simplemente haga clic en el botón grande de encendido/apagado en el panel de complementos como se muestra en la primera imagen.

Notas

• example.com##imgbloquea todos <img>los nodos DOM en el sitio web dado. No importa desde dónde se sirve la imagen, si está dentro de una <img>etiqueta, se bloqueará, pero no bloqueará imágenes que se muestran con diferentes técnicas como usar background-imageen un archivo <div>.
• example.com$imagebloqueará todas las imágenes servidas sin example.comimportar qué sitio intente cargarlas. Muchos sitios usan un CDN para publicar sus fotografías, por examplecdn.comlo que bloquear las imágenes provenientes de él example.comtendrá poco o ningún efecto, por lo que usted examplecdn.comtambién debe bloquearlo, solo tenga en cuenta que las imágenes de otros sitios que lo usan examplecdn.comtambién se bloquearán.
• A veces, el bloqueo no se produce porque las imágenes se almacenaron en caché. En este caso , debe presionar Ctrl++ para realizar una actualización completa sin usar el caché.ShiftR
• A veces las imágenes tienen un atributo de clase identificable en el nodo DOM. Después de inspeccionar un poco con devtools (clic derecho->Inspeccionar elemento), puede enumerar las clases que marcan la mayoría de las imágenes y bloquearlas en la forma del selector de clases:example.com##.image-container
• Hay ungran hoja de trucos sobre la sintaxis del filtro.