Como bloquear div no site permanentemente usando o Chrome?

12

Há um site que eu gosto, mas com uma seção de comentários que me incomoda super. Quero bloquear a div que mantém os comentários permanentemente, nas páginas, no Google Chrome.

Para uma exclusão temporária, posso remover o nó usando as Ferramentas para Desenvolvedor da Web do Chrome. Mas como removê-lo para sempre?

Como eu posso fazer isso? Aposto que o Adblock não me ajuda, nem faz boas intenções. Mesmo se eu tentar, acabo analisando os comentários que não são bons para minha saúde mental. Dica: é um site de esportes com comentários de qualidade muito baixa.

Então, aqui está o exemplo virtual:

  • SITE: www.sportsrumours.com
  • DIV para bloquear: <div class="comments">All annoying comments go here</div>
  • O DIV é o mesmo em todas as páginas de www.sportsrumours.com
google-chrome blocking mcbetz
fonte

Respostas:

25

Para esse tipo de coisa, eu normalmente recomendo o Stylish Addon for chrome.

Navegue até o site depois de instalar o complemento e vá para:

Elegante (Ícone)> Gerenciar estilos instalados> Escrever novo estilo. Dê um nome e selecione "aplica-se a". Dê ao domínio do site do qual você deseja remover os comentários e selecione "URLs no domínio".

use um código semelhante ao seguinte para ocultar a div:

.comments {display: none !important;}

Salve e observe que a div agora está oculta

EDIT : Stylish agora é Stylus - você pode baixá-lo aqui: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Fazer87
fonte
FYI: Após o escândalo após as práticas de coleta de dados do Stylish, o código foi bifurcado, limpo e republicado como "Stylus". Alegrar!
Vincent Vancalbergh
URL atualizado: chrome.google.com/webstore/detail/stylus/…
Owen
11

Você pode usar a extensão Adblock Plus chrome ou firefox. Quando ativado, clique no ícone de extensão e clique em "Bloquear elemento". Em seguida, você pode clicar em um elemento na página que deseja bloquear.

O Adblock Plus bloqueará esse elemento sempre que for encontrado.

Andrew
fonte
2
Não sei por que isso foi prejudicado. Os bloqueadores de anúncios suportam elementos de bloqueio há muito tempo. Portanto, se você pode criar uma regra para ela no Stylish, pode bloqueá-la usando o Adblock Plus ou o uBlock Origin, porque eles suportam seletores CSS.
Daniel B
1
Agradável! Usou o AdBlock Plus por muitos anos, mas nunca percebeu esse recurso interessante. Às vezes eu fico aqueles "duh" momentos ;-)
deryb
UAU! Ótima dica. Obrigado. Com o Adblock Plus, você pode remover facilmente qualquer elemento que desejar.
HomTom 26/06
Muito mais fácil do que a solução aceita
Owen
1

Você pode usar a extensão do Chrome Stylebot . Após a instalação, acesse o site, abra o Stylebot e use a ferramenta de seta para selecionar o DIV. Então procure Layout and visibilitye clique em hide. O DIVdesaparecerá e a alteração será persistida. Claro, você pode desfazer isso sempre que quiser.

drk.com.ar
fonte
1
O Stylebot não parecia funcionar para mim. Elegante recomendado na outra resposta funciona muito bem.
Tim Swast