Come bloccare div in modo permanente sul sito Web utilizzando Chrome?


12

C'è un sito web che mi piace, ma con una sezione commenti che mi dà fastidio. Voglio bloccare il div che contiene permanentemente i commenti, su più pagine, in Google Chrome.

Per una cancellazione temporanea, posso semplicemente rimuovere il nodo utilizzando gli Strumenti per gli sviluppatori Web di Chrome. Ma come rimuoverlo per sempre?

Come lo posso fare? Scommetto che Adblock non mi aiuta, né fa buone intenzioni. Anche se ci provo, finisco per sfogliare i commenti che non fanno bene alla mia salute mentale. Suggerimento: è un sito sportivo con commenti di qualità molto bassa.

Quindi ecco l'esempio virtuale:

  • SITO: www.sportsrumours.com
  • DIV per bloccare: <div class="comments">All annoying comments go here</div>
  • Il DIV è lo stesso su tutte le pagine di www.sportsrumours.com

Risposte:


25

Per questo genere di cose, di solito raccomando il componente aggiuntivo Stylish per Chrome.

Passare al sito dopo aver installato il componente aggiuntivo e andare a:

Elegante (icona)> Gestisci stili installati> Scrivi nuovo stile. Dagli un nome e seleziona "applica a". Indica il dominio del sito da cui desideri rimuovere i commenti e seleziona "URL sul dominio".

utilizzare un codice simile al seguente per nascondere il div:

.comments {display: none !important;}

Salva e dovresti notare che il div è ora nascosto

EDIT : Stylish is now Stylus - puoi scaricarlo qui: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne


A proposito: dopo lo scandalo seguito alle pratiche di raccolta dei dati di Stylish, il codice è stato biforcato, ripulito e ripubblicato come "Stilo". Rallegrarsi!
Vincent Vancalbergh,


11

È possibile utilizzare l'estensione Adblock Plus per Chrome o Firefox. Se abilitato, fai clic sull'icona della sua estensione, quindi fai clic su "Blocca elemento". Quindi è possibile fare clic su un elemento nella pagina che si desidera bloccare.

Adblock Plus bloccherà quindi quell'elemento ogni volta che viene trovato.


2
Non so perché questo sia stato downvoted Gli adblocker supportano elementi di blocco da molto tempo ormai. Quindi, se puoi creare una regola per esso in Stylish, puoi bloccarlo utilizzando Adblock Plus o uBlock Origin, perché supportano i selettori CSS.
Daniel B,

1
Bello! Utilizzato AdBlock Plus per molti anni, ma non ho mai notato questa caratteristica accurata. A volte ricevo quei momenti "duh" ;-)
Deryb

WOW! Ottimo consiglio Grazie. Con Adblock Plus puoi rimuovere facilmente qualsiasi elemento desideri.
HomTom,

Molto più facile della soluzione accettata
Owen il

1

Puoi usare l' estensione cromata Stylebot . Dopo l'installazione vai sul sito web, apri Stylebot e usa lo strumento freccia per selezionare DIV. Quindi cercare Layout and visibilitye cliccare su hide. Il DIVscomparirà e la modifica verrà persistito. Certo, puoi annullarlo quando vuoi.


1
Stylebot non sembra funzionare per me. Elegante consigliato nell'altra anwer funziona alla grande.
Tim Swast,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.