☰

Как заблокировать все изображения на сайте?

tag-icon • tag-icon browser web blocking
Как заблокировать все изображения на сайте?

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

решение1

вкратце

Просто добавьте одно (или оба) из этих правил в фильтры вашего блокировщика рекламы:

  • example.com##imgзаблокировать каждый <img>элемент
  • example.com$imageчтобы заблокировать каждое изображение, поданное сexample.com

Более подробную информацию можно найти в разделе «Примечания».

Руководство

  1. Установите блокировщик рекламы (например,Источник uBlock) и нажмите на его значок. Панель uBlock Origin
  2. Нажмите на панель «Мои фильтры» и вставьте example.com##imgи/или example.com$image. Вкладка фильтров uBlock Origin
  3. Нажмите «Применить изменения».

Если вы хотите временно отключить блокировку, просто нажмите большую кнопку включения/выключения на панели плагинов, как показано на первом изображении.

Примечания

  • example.com##imgблокирует все <img>узлы DOM на данном веб-сайте. Неважно, откуда подается изображение, если оно находится внутри <img>тега, оно будет заблокировано, но оно не будет блокировать изображения, которые отображаются с помощью других методов, таких как использование background-imageна <div>.
  • example.com$imageзаблокирует все изображения, которые подаются с любого example.comсайта, независимо от того, какой сайт пытается их загрузить. Многие сайты используют CDN для обслуживания своих фотографий, examplecdn.comпоэтому блокировка изображений, поступающих с, example.comне будет иметь большого эффекта или вообще не будет иметь никакого эффекта, поэтому вам тоже придется заблокировать examplecdn.com, просто имейте в виду, что изображения на других сайтах, которые используют, examplecdn.comтакже будут заблокированы.
  • Иногда блокировка не происходит, потому что изображения были кэшированы. В этом случае вам нужно нажать Ctrl+ Shift+, Rчтобы сделать жесткое обновление без использования кэша.
  • Иногда изображения имеют идентифицируемый атрибут класса на узле DOM. После небольшой проверки с помощью devtools (щелчок правой кнопкой мыши->Проверить элемент) вы можете перечислить классы, которые помечают большинство изображений, и заблокировать их с помощью селектора класса:example.com##.image-container
  • Eстьотличная шпаргалка по синтаксису фильтра.

Связанный контент