Top Css

Description

Расширение создано для изменения стилей страницы по умолчанию.
Настройки загружаются автоматически после загрузки страницы (при условии ввода ключа (меню "К", ключ: 0000 )).
Присутствует возможность применения стилей по таймеру и добавления кнопки "скрыть/показать" ( ↔ ) .

Справа на любой странице Вы увидите значок приложения, по нажатию на который откроется меню.

Основная рабочая панель содержит 2 модуля:
Searcher и Rules.


Searcher:

Используется для сканирования страницы на наличие изменяемых компонентов по селекторам: ID, CLASS, JQuerySelector.

Поддержка множественного поиска:
id1, id2, ..., idN для всех типов поиска - "," является разделителем.

Полная поддержка тегов jquery (например: myId > div > input или: div > li :contains("myText") или только для поиска по тексту: :contains("myText") .

Все найденные элементы имеют 2 кнопки: X - добавить в список HIDE, V - добавить в список customCss.
При добавлении в оба списка - стили победят (элемент не будет скрыт).


Rules:

После поиска компонента и работы с ним нажмите:

«Loop» для применения стилей по таймеру (эффективно против автогенерируемой рекламы).

«Apply View TEMP» для просмотра изменений.

«Drop View TEMP» для сброса стилей.

«Apply PROD» для сохранения настроек в памяти.

«Drop TEMP» для отката изменений (до состояния) перед «Apply PROD».


Управление правилами css:
Каждый компонент будет скрыт или стилизован в соответствии с заданными правилами.
Присутствует возможность добавления кнопки "скрыть/показать" ( ↔ ) - меню «Add toggle».
Для удаления из списка нажмите кнопку X.



Технологии:
SPA React.js с jQuery на борту!

Основное использование:
Подстраивание стилей css так, как Вам нравится.
Добавление кнопки скрытие контента.
Отключение определенных (которые удастся найти в Searcher) рекламных баннеров.

Потенциальное использование:
Создание персональной темы для каждого сайта
Подсветка нужного текста
Использование при web разработке
Детский контроль. Скрыть элементы с запрещенным содержимым.
В будущем возможно загружать приложение перед исходной страницей, что обеспечивает блокировку перед показом страницы.


Планируется добавить следующие функции:
набор шаблонов
более аккуратная работа с исходным атрибутом style
отдельные настройки для разных сайтов
поиск по тексту только для конечного тега
поддержка less
загрузка пользовательских файлов стилей
загрузка пользовательских файлов js