Jak zablokować div w witrynie na stałe przy użyciu Chrome?

12

Jest jedna strona, którą lubię, ale z sekcją komentarzy, która mnie bardzo denerwuje. Chcę zablokować div, który przechowuje komentarze na stałe na różnych stronach w Google Chrome.

Aby tymczasowo usunąć, mogę po prostu usunąć węzeł za pomocą Chrome Web Developer Tools. Ale jak usunąć to na zawsze?

Jak mogę to zrobić? Założę się, że Adblock mi nie pomaga, ani nie robi dobrych intencji. Nawet jeśli spróbuję, ostatecznie przejrzę komentarze, które nie są dobre dla mojego zdrowia psychicznego. Wskazówka: jest to strona sportowa z komentarzami bardzo niskiej jakości.

Oto wirtualny przykład:

  • SITE: www.sportsrumours.com
  • DIV, aby zablokować: <div class="comments">All annoying comments go here</div>
  • DIV jest taki sam na wszystkich stronach www.sportsrumours.com
google-chrome blocking Mcbetz
źródło

Odpowiedzi:

25

Do tego rodzaju rzeczy zwykle polecam Stylowy Addon do chromu.

Przejdź do strony po zainstalowaniu dodatku i przejdź do:

Stylowy (ikona)> Zarządzaj zainstalowanymi stylami> Napisz nowy styl. Nadaj mu nazwę i wybierz „dotyczy”. Podaj domenę witryny, z której chcesz usunąć komentarze, i wybierz „Adresy URL w domenie”.

użyj kodu podobnego do następującego, aby ukryć div:

.comments {display: none !important;}

Zapisz, a powinieneś zauważyć, że div jest teraz ukryty

EDYCJA : Stylowy jest teraz Stylus - możesz go pobrać tutaj: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Fazer87
źródło
FYI: Po skandalu wynikającym z praktyk gromadzenia danych Stylish, kod został rozwidlony, wyczyszczony i ponownie opublikowany jako „Stylus”. Cieszyć!
Vincent Vancalbergh
Zaktualizowany adres URL: chrome.google.com/webstore/detail/stylus/…
Owen,
11

Możesz użyć rozszerzenia Adblock Plus chrome lub firefox. Po włączeniu kliknij jego ikonę rozszerzenia, a następnie kliknij „Blokuj element”. Następnie możesz kliknąć element na stronie, który chcesz zablokować.

Adblock Plus będzie wtedy blokował ten element za każdym razem, gdy zostanie znaleziony.

Andrzej
źródło
2
Nie wiem, dlaczego zostało to odrzucone. Adblockery od dłuższego czasu obsługują elementy blokujące. Jeśli więc możesz utworzyć regułę dla niej w Stylish, możesz ją zablokować za pomocą Adblock Plus lub uBlock Origin, ponieważ obsługują one selektory CSS.
Daniel B,
1
Miły! Używam AdBlock Plus od wielu lat, ale nigdy nie zauważyłem tej zgrabnej funkcji. Czasami dostaję te „duh” chwile ;-)
deryb
ŁAŁ! Świetna wskazówka. Dziękuję Ci. Dzięki Adblock Plus możesz łatwo usunąć dowolny element.
HomTom
Znacznie łatwiejsze niż przyjęte rozwiązanie
Owen
1

Możesz użyć rozszerzenia chrome Stylebot . Po instalacji przejdź do strony internetowej, otwórz Stylebota i użyj narzędzia strzałki do wybrania DIV. Następnie poszukaj Layout and visibilityi kliknij hide. DIVZniknie, a zmiana będzie trwało. Oczywiście możesz to cofnąć, kiedy tylko chcesz.

drk.com.ar
źródło
1
Stylebot nie działał dla mnie. Stylowy polecany w drugim anwer świetnie działa.
Tim Swast