CSS Element Remover автор pahakush

Уберите со страниц всё лишнее — рекламные блоки, всплывашки, баннеры, виджеты соцсетей, навязчивые элементы — и оставьте только то, что вам нужно. CSS Element Remover скрывает элементы по вашим правилам и применяет их автоматически при каждом заходе на сайт.

Это более удобная и функциональная версия инструментов в духе XPath Element Remover, чьей идеей он вдохновлён. Вместо XPath здесь используются привычные CSS-селекторы, а главное — не нужно писать их руками: визуальный пикер соберёт селектор за вас, когда вы просто тапнете по элементу.

Ключевые возможности:

• Визуальный выбор элемента. Нажмите «Выбрать элемент», тапните по тому, что мешает, — и расширение само предложит селектор. Стрелками можно перейти к нужному уровню (например, скрыть весь блок, а не только текст внутри), а чипами — точно настроить, по каким классам, id или атрибутам ловить элемент.

• Ручной ввод для тех, кто умеет. Любой CSS-селектор тоже подойдёт: .banner, #popup, div.ad[data-x] и сложнее.

• Условное скрытие через :has(). «Скрыть элемент, если внутри него есть вот это» — например, скрыть карточку с определённой меткой или комментарий по признаку автора. Расширение само привязывает условие к нужному уровню вложенности, чтобы не пряталось лишнее.

• Правила по доменам и маскам. Правило для example.com не затронет другие сайты. Маска *.example.com охватывает домен и все его поддомены.

• Предпросмотр перед сохранением. Кнопка «Тест» временно скрывает совпавшие элементы и показывает их число — видно результат до того, как зафиксировать правило.

• Динамический контент. Скрытие работает и для элементов, подгружаемых позже (бесконечная лента, отложенная реклама).

• Мгновенное применение. Новые правила срабатывают сразу, без перезагрузки страницы, и подхватываются во всех вкладках.

• Режим отладки. Подсвечивает то, что будет скрыто, ничего не убирая, — удобно проверять правила.

• Импорт и экспорт. Резервная копия и перенос всех правил через JSON.

• Работает на Firefox для Android.

Как пользоваться:

1. Откройте сайт, который хотите почистить.
2. Нажмите на иконку расширения на панели.
3. Нажмите «Выбрать элемент на странице» и тапните по ненужному элементу (или впишите CSS-селектор вручную).
4. При необходимости уточните выбор стрелками и чипами, проверьте кнопкой «Тест».
5. Нажмите «Скрыть» — элемент исчезнет и будет скрываться при каждом заходе.