☰

Como bloquear todas as imagens de um site?

tag-icon • tag-icon browser web blocking
Como bloquear todas as imagens de um site?

Gostaria de poder bloquear todas as imagens em sites que sofrem com imagens severas que induzem cliques, para que apenas o texto seja mostrado. Seria bom se a solução pudesse ser desativada/ativada facilmente caso eu queira ver as imagens temporariamente. Como posso fazer isso?

Responder1

dr.

Basta adicionar uma (ou ambas) destas regras aos filtros do seu bloqueador de anúncios:

  • example.com##imgpara bloquear todos <img>os elementos
  • example.com$imagepara bloquear todas as imagens veiculadas deexample.com

Verifique a seção de notas para mais informações.

Tutorial

  1. Instale um bloqueador de anúncios (comoOrigem do uBlock) e clique em seu ícone. Painel de origem do uBlock
  2. Clique na barra "Meus filtros" e cole example.com##imge/ou example.com$image. Guia de filtros do uBlock Origin
  3. Clique em "Aplicar alterações".

Se desejar desabilitar temporariamente o bloqueio, basta clicar no grande botão liga/desliga no painel de plugins conforme mostrado na primeira imagem.

Notas

  • example.com##imgbloqueia todos os <img>nós DOM em um determinado site. Não importa de onde a imagem é veiculada, se estiver dentro de uma <img>tag ela será bloqueada, mas não bloqueará imagens que são exibidas com técnicas diferentes como usar background-imageem um arquivo <div>.
  • example.com$imagebloqueará todas as imagens veiculadas, example.comindependentemente do site que tentar carregá-las. Muitos sites usam um CDN para veicular suas fotos, examplecdn.comportanto, o bloqueio de imagens provenientes example.comterá pouco ou nenhum efeito, então você examplecdn.comtambém deve bloquear, mas esteja ciente de que as imagens em outros sites que o utilizam examplecdn.comtambém serão bloqueadas.
  • Às vezes, o bloqueio não acontece porque as imagens foram armazenadas em cache. Neste caso você precisa apertar Ctrl+ Shift+ Rpara fazer uma atualização completa sem usar o cache.
  • Às vezes, as imagens possuem um atributo de classe identificável no nó DOM. Depois de inspecionar um pouco com devtools (clique com o botão direito->Inspecionar elemento), você pode listar as classes que marcam a maioria das imagens e bloqueá-las no seletor de classes:example.com##.image-container
  • Existe umótima folha de dicas sobre a sintaxe do filtro.

informação relacionada