Як заблокувати div на веб-сайті за допомогою Chrome?

12

Є один веб-сайт, який мені подобається, але з розділом коментарів, який мене дуже дратує. Я хочу заблокувати div, який зберігає коментарі постійно, на сторінках, в Google Chrome.

Для тимчасового видалення я можу просто видалити вузол за допомогою Інструментів веб-розробників Chrome. Але як її видалити назавжди?

Як я можу це зробити? Гадаю, що Адблок не допомагає мені, а також не робить добрих намірів. Навіть якщо я спробую, я закінчуюся, скуйовуючись через коментарі, що не корисно для мого психічного здоров’я. Підказка: Це спортивний веб-сайт із дуже низькими коментарями.

Ось ось віртуальний приклад:

САЙТ: 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 зараз приховано

EDIT : Стильний зараз Stylus - завантажити його можна тут: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

— Fazer87
джерело

FYI: Після скандалу після практики збору даних Stylish код був роздвоєний, очищений та повторно опублікований як "Stylus". Радуйся!

— Вінсент Ванкальберг

Оновлена URL: chrome.google.com/webstore/detail/stylus/…

— Оуен

11

Можна використовувати хром або розширення Firefox Adblock Plus. Коли це ввімкнено, натисніть на його розширення та натисніть «Блокувати елемент». Потім ви можете натиснути елемент на сторінці, яку ви хочете заблокувати.

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

— Андрій
джерело

2

Не знаю, чому це було знято. Adblockers підтримують елементи блокування вже дуже давно. Тож якщо ви можете створити для нього правило в стильному стилі, його можна заблокувати за допомогою Adblock Plus або uBlock Origin, оскільки вони підтримують селектори CSS.

— Даніель Б

1

Приємно! Використовували AdBlock Plus протягом багатьох років, але ніколи не помічали цієї акуратної функції. Іноді я отримую ті "душі" моменти ;-)

— deryb

ОЦЕ ТАК! Чудова порада. Дякую. За допомогою Adblock Plus ви можете легко видалити будь-який бажаний елемент.

— HomTom

Набагато простіше, ніж прийняте рішення

— Оуен

1

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

— drk.com.ar
джерело

1

Здається, Stylebot не працював на мене. Стильний, рекомендований в іншій підвідці, чудово працює.

— Тім Сваст