Wie blockiere ich div auf einer Website dauerhaft mit Chrome?

12

Es gibt eine Website, die mir gefällt, aber mit einem Kommentarbereich, der mich super nervt. Ich möchte das Div blockieren, das die Kommentare in Google Chrome seitenübergreifend dauerhaft enthält.

Für eine vorübergehende Löschung kann ich den Knoten einfach mit den Web Developer Tools von Chrome entfernen. Aber wie kann man es für immer entfernen?

Wie kann ich das machen? Ich wette, Adblock hilft mir nicht und macht auch keine guten Absichten. Selbst wenn ich es versuche, überfliege ich die Kommentare, was nicht gut für meine geistige Gesundheit ist. Hinweis: Es handelt sich um eine Sportwebsite mit Kommentaren von sehr geringer Qualität.

Hier ist das virtuelle Beispiel:

  • WEBSITE: www.sportsrumours.com
  • DIV zu blockieren: <div class="comments">All annoying comments go here</div>
  • Der DIV ist auf allen Seiten von www.sportsrumours.com gleich
google-chrome blocking mcbetz
quelle

Antworten:

25

Für solche Dinge empfehle ich normalerweise das Stylish Addon für Chrom.

Navigieren Sie zur Site, wenn Sie das Addon installiert haben, und gehen Sie zu:

Stilvoll (Symbol)> Installierte Stile verwalten> Neuen Stil schreiben. Geben Sie ihm einen Namen und wählen Sie "gilt für". Geben Sie die Domain der Site an, von der Sie die Kommentare entfernen möchten, und wählen Sie "URLs in der Domain".

Verwenden Sie einen Code ähnlich dem folgenden, um das div auszublenden:

.comments {display: none !important;}

Speichern Sie, und Sie sollten feststellen, dass das div jetzt ausgeblendet ist

BEARBEITEN : Stylish is now Stylus - Sie können es hier herunterladen: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Fazer87
quelle
Zu Ihrer Information: Nach dem Skandal nach den Datenerfassungspraktiken von Stylish wurde der Code gegabelt, bereinigt und als "Stylus" erneut veröffentlicht. Jubeln!
Vincent Vancalbergh
Aktualisierte URL: chrome.google.com/webstore/detail/stylus/…
Owen
11

Sie können die Adblock Plus-Chrome- oder Firefox-Erweiterung verwenden. Wenn aktiviert, klicken Sie auf das Erweiterungssymbol und dann auf "Element blockieren". Anschließend können Sie auf ein Element auf der Seite klicken, das blockiert werden soll.

Adblock Plus blockiert dieses Element dann jedes Mal, wenn es gefunden wird.

Andrew
quelle
2
Keine Ahnung, warum dies abgelehnt wurde. Adblocker unterstützen Blockierungselemente schon sehr lange. Wenn Sie also in Stylish eine Regel dafür erstellen können, können Sie sie mit Adblock Plus oder uBlock Origin blockieren, da sie CSS-Selektoren unterstützen.
Daniel B
1
Nett! Ich habe AdBlock Plus viele Jahre lang verwendet, aber diese nette Funktion nie bemerkt. Manchmal bekomme ich diese "duh" Momente ;-)
deryb
BEEINDRUCKEND! Toller Tipp. Vielen Dank. Mit Adblock Plus können Sie jedes gewünschte Element einfach entfernen.
HomTom
Viel einfacher als die akzeptierte Lösung
Owen
1

Sie können die Stylebot- Chrome-Erweiterung verwenden. Öffnen Sie nach der Installation die Website, öffnen Sie Stylebot und wählen Sie mit dem Pfeil-Tool die aus DIV. Dann suchen Layout and visibilityund klicken auf hide. Das DIVwird verschwinden und die Änderung wird beibehalten. Natürlich können Sie dies jederzeit rückgängig machen.

drk.com.ar
quelle
1
Stylebot schien bei mir nicht zu funktionieren. Stilvoll empfohlen in der anderen Antwort funktioniert super.
Tim Swast