User CSS — браузерное расширение для добавления пользовательских стилей к сайтам

Опубликовано: 23.08.2018

Представляю вашему вниманию свое расширение для браузеров, работающих на движке chromium / blink /webkit, суть которого заключается в возможности изменять оформление просматриваемого сайта «на лету» путем добавления собственного CSS-кода.

Предыстория

Когда-то давно я был пользователем браузера Opera, тогда еще работающего на движке Presto. И присутствовала в нем одна замечательная технология, называемая UserCSS . Она позволяла создавать CSS-файлы, в которых прописывались желаемые стили для каких-то конкретных сайтов, и затем эти файлы легко подключались к соответствующим сайтам.

После вынужденного отказа от пользования Opera Presto (когда движок поменяли на Blink), потребность в применении пользовательских стилей к сайтам никуда не пропала, поэтому я решил данный вопрос путем создания расширения к браузеру. И назвал его одноименно — User CSS (только добавился пробел).

к содержанию ↑

Особенности расширения

Стоит отметить, что данное решение — не 100%-я замена технологии UserCSS . Последняя работает на уровне движка браузера, расширение же срабатывает только после загрузки страницы, поэтому можно наблюдать «мигание» стилей сайта — сначала оригинальных, потом с вашими изменениями. С этим, к сожалению, невозможно ничего сделать.

Расширение я протестировал в браузерах Chrome, Opera (Blink) и Vivaldi. По логике оно должно работать и во многих других браузерах на том же движке , однако я не гарантирую это.

к содержанию ↑

Установить

История изменений

v2.1 (28.05.2016) Добавлено: импорт/экспорт. Добавлено: возможность менять стили прямо на странице настроек. Изменено: некоторые сайты очищают локальное хранилище при загрузке страниц, поэтому стили теперь загружаются из хранилища расширения, а не просматриваемого сайта. v2.0 (17.01.2016) Добавлено: настройки перенесены на отдельную страницу. Добавлено: стили для всех сайтов теперь собираются в одном месте на странице настроек. Добавлено: больше цветовых схем. Добавлено: новая опция — «Tab size». Добавлено: возможность менять полупрозрачность редактора. Добавлено: возможность включать/выключать свои стили на текущем сайте. Добавлено: возможность переключать положение редактора (справа или снизу). Добавлено: возможность менять ширину или высоту редактора «на лету». Исправлено: не отображалась вертикальная полоса прокрутки. v1.1 (06.11.2013) Добавлена кнопка на панели расширений вместо горячей клавиши. На кнопке присутствует зеленый индикатор, если для текущего сайта добавлены пользовательские стили. v1.0 (29.10.2013) Исходная версия.