Как заблокировать div на сайте, постоянно используя Chrome?

12

Есть один сайт, который мне нравится, но с разделом комментариев, который меня очень раздражает. Я хочу заблокировать div, который постоянно хранит комментарии на разных страницах в Google Chrome.

Для временного удаления я могу просто удалить узел, используя Chrome Web Developer Tools. Но как убрать это навсегда?

Как я могу это сделать? Бьюсь об заклад, Adblock не помогает мне, и не добрые намерения. Даже если я попытаюсь, я в конечном итоге просматриваю комментарии, что не очень хорошо для моего психического здоровья. Подсказка: это спортивный сайт с комментариями очень низкого качества.

Итак, вот виртуальный пример:

  • САЙТ: www.sportsrumours.com
  • DIV для блокировки: <div class="comments">All annoying comments go here</div>
  • DIV одинаков на всех страницах www.sportsrumours.com
google-chrome blocking mcbetz
источник

Ответы:

25

Для такого рода вещей я обычно рекомендую стильный аддон для хрома.

Перейдите на сайт после установки дополнения и перейдите по адресу:

Стильный (Значок)> Управление установленными стилями> Создать новый стиль. Дайте ему имя и выберите «относится к». Укажите домен сайта, с которого вы хотите удалить комментарии, и выберите «URL-адреса домена».

используйте код, подобный следующему, чтобы скрыть div:

.comments {display: none !important;}

Сохраните, и вы должны заметить, что div теперь скрыт

РЕДАКТИРОВАТЬ : стильный теперь стилус - вы можете скачать его здесь: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Fazer87
источник
К вашему сведению: После скандала, последовавшего за практикой сбора данных в Стиле, код был разветвлен, очищен и переиздан как «Стилус». Радуйтесь!
Винсент Ванкалберг
Обновленный URL: chrome.google.com/webstore/detail/stylus/…
Оуэн,
11

Вы можете использовать Adblock Plus Chrome или Firefox. Когда включено, щелкните значок расширения и затем нажмите «Блок элемент». Затем вы можете щелкнуть элемент на странице, которую вы хотите заблокировать.

Adblock Plus будет блокировать этот элемент каждый раз, когда он будет найден.

Андрей
источник
2
Не знаю, почему это было понижено. Adblockers уже давно поддерживают блокирующие элементы. Поэтому, если вы можете создать для него правило в Стиле, вы можете заблокировать его с помощью Adblock Plus или uBlock Origin, поскольку они поддерживают селекторы CSS.
Даниэль Б,
1
Ницца! Много лет пользовался AdBlock Plus, но никогда не замечал эту удобную функцию. Иногда я получаю те моменты "
дух
ВАУ! Отличный совет. Спасибо. С Adblock Plus вы можете легко удалить любой элемент, который пожелаете.
HomTom
Гораздо проще, чем принятое решение
Оуэн
1

Вы можете использовать расширение Chrome Stylebot . После установки перейдите на сайт, откройте Stylebot и используйте стрелку для выбора DIV. Затем найдите Layout and visibilityи нажмите hide. Это DIVисчезнет, ​​и изменение будет сохранено. Конечно, вы можете отменить это, когда захотите.

drk.com.ar
источник
1
Stylebot, похоже, не работает для меня. Стильный рекомендованный в другом ответ отлично работает.
Тим Суаст