Top Css

Latest Version

Version

1.888

Update

November 27, 2022

Size

213KiB

Developer

Top Css Extension

Расширение создано для изменения стилей страницы по умолчанию.
Настройки загружаются автоматически после загрузки страницы (при условии ввода ключа (меню \"К\", ключ: 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

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "content_scripts": [ { "all_frames" : false, "run_at": "document_end", "exclude_globs": [], "include_globs": [ "*" ], "js": [ "assets/js/bundle.js" ], "css": ["assets/css/styles.css"], "matches": ["*://*/*"] } ],\t"permissions": [ "storage" ], "converted_from_user_script": true, "name": "Top Css", "icons": { "128": "assets/img/favicon.png" }, "description": "Top Css", "version": "1.888"}

Download CRX(213KiB)