Russian Hacker Vision : Комфортный просмотр
Опубликовано: Бармалей · 14.08.2022 · 00:01 ••• Обновление: 16.09.2022 · 16:14 1

Russian Hacker Vision – комфортная работа с любыми сайтами за счёт автоматической установки глобальных стилей и дополнительных правил для отдельных сайтов. Снижение утомляемости глаз, мгновенное переключение режимов в один клик или с помощью горячих клавиш. Доступны "ночной", монохромный и инверсный режимы, а также режимы пониженной контрастности и сглаживания текста и специальные режимы (авто)чтения для работы с текстами.

Предоставляется по лицензии GPL v.3, бесплатно для частного некоммерческого использования.


В этой статье:


Общее назначение и краткая история создания

Russian Hacker Vision – расширение для браузеров семейства Chromium, обеспечивает комфортный просмотр контента посредством выбора подходящих цветовых схем (стилей), снижает утомляемость и нагрузку на зрение.

Основное назначение – обеспечить оперативный* доступ к установке глобальных цветовых схем для различных сайтов, снижая зависимость от их собственных стилей оформления. Главная цель – простота и компактность решения, низкая нагрузка на браузер и работоспособность на любых версиях браузеров.

* Связано с простотой использования глобальных стилей для выравнивания разницы в дизайне сайтов и создания некоего "единого" визуального восприятия разнообразных текстовых и графических материалов. Это позволяет сосредотачиваться на работе с контентом, не отвлекаясь на различные "неожиданные дизайнерские находки" на отдельных сайтах.

Расширение написано на основе достаточно известного аддона Hacker Vision, в качестве базового прототипа для доработки выбрана его старая* версия – 1.25 от 05.02.2014. При разработке форка ставилась задача облегчения кода, универсально работающего на любых браузерах, а также задача "вырезания" различного ссылочного и графического "мусора", не содержащего полезных функций для конечного пользователя. Кроме того, автор посчитал необходимым расширить функционал за счёт использования множественных цветовых схем, которые пользователь может менять "на лету" и которые можно было бы привязывать к отдельным сайтам (в оригинале – единственная схема, "ночной режим", с возможностью только включить/отключить её).

* Главная причина – в этой версии ещё не было "новомодной" монетизации (в текущих версиях прототипа она заложена в виде "тайм-бомбы" на бесплатное использование) и различных "архитектурных излишеств" (приводящих к распуханию кода на пару порядков)). Сам же полезный функционал остался неизменным, т.е., по сути, текущая версия прототипа (от 04.02.2021) ничем не отличается от изначально компактного аддона 2014. Соответственно, автору потребовалось гораздо меньше усилий по "зачистке от мусора"..:)

Конечно, кроме выбранного прототипа, есть и другие расширения-аналоги, но все они либо не имеют минимально достаточного набора функций по управлению цветовыми схемами для различных сайтов, либо содержат настолько "монструозный" исходный код, что вопрос об их оптимизации с целью снижения общей ресурсоёмкости расширения практически не рассматривался.

В дальнейшем было продолжено совершенствование кода с целью его облегчения и универсальности. К изначальным цветовым схемам добавлены новые, улучшены правила обработки стилей для гарантированного срабатывания на разных сайтах. Также была добавлена функция экспорта и импорта настроек, позволяющая сохранить и восстановить предпочтительные персональные настройки, установленные для разных сайтов.

Кроме основных цветовых схем в аддоне был добавлен специальный модуль для просмотра сайтов в "режиме чтения". Этот режим применяется независимо от выбранной цветовой схемы и может запускаться либо вручную, для работы с одиночным материалом, либо путём перевода любой из вкладок в режим "авточтения" – все ссылки в такой вкладке автоматически загружаются в текстовом режиме.

В качестве основы для режима чтения выбрано расширение Enable Reader Mode версии 1.0 от 23.04.2016. При разработке форка из него заимствована общая идея и метод получения очищенного текстового блока, а также основной набор стилевых шаблонов для текстового просмотра. При этом, как обычно, базовый исходник прототипа был "творчески переработан" и улучшен..:)

Главная причина выбора именно этого аддона – относительная лёгкость и простота кода, обеспечивающие вполне удобное решение второстепенной (в общем-то)) для "Русского Хакера" задачи. Кроме этого аддона рассматривались и другие варианты, но все они либо не имеют достаточно "красивого" решения по управлению текстовым режимом, либо содержат слишком "тяжёлый" исходный код.

Кроме встроенных цветовых схем, также имеется возможность установки персональных корректирующих стилей, как глобальных, так и для каждого сайта в отдельности. Эти корректирующие стили применяются независимо от какого-либо режима работы аддона и задаются пользователем самостоятельно, исходя из личных желаний и умений.

Фактически, функция пользовательской стилевой коррекции превращает "Русского Хакера" в полноценный менеджер стилей, ничем не уступающий по результату работы любому другому менеджеру и позволяющий помимо решения основной задачи (переключение цветовых схем и режимов) подстраивать по собственному вкусу внешний вид любых сайтов, без ограничений.

В результате сделанных изменений все поставленные задачи были выполнены. В итоге получился простой и компактный браузерный аддон с расширенным управлением цветовыми схемами и пользовательскими стилями, которые можно либо "привязывать" к любым отдельным сайтам, либо использовать единую схему для комфортного просмотра контента. Расширение может служить отличной лёгкой альтернативой многим современным "стилизаторам", упрощая работу с самым разнообразным контентом и при этом не уступая "известным брэндам" по функциональности.

При выпуске первой версии в августе 2022 года аддон был "брэндирован" как "Russian Hacker Vision", символизируя общую ориентированность на русскоязычную* аудиторию пользователей. На текущий момент аддон распространяется под этой "торговой маркой".

* В качестве языка описания и интерфейса используется только русский (жёстко зашит в коде). Какая‑либо иная локализация, кроме русской, в расширении отсутствует и в обозримом будущем не планируется.

Следует особо отметить, что в отличие от многих других современных аддонов, в Russian Hacker Vision нет (и никогда не будет) никакой "допустимой" или скрытой рекламы, это расширение не является предметом монетизации.

Автор гарантирует отсутствие в этом расширении различных следящих, "стучащих" и иных "статистических" механизмов, а также любых других средств, направленных на "персонализацию" конечного пользователя с целью получения какой‑то коммерческой выгоды.


Основные возможности и способ применения

Russian Hacker Vision предназначен для быстрого выбора одного из 9 глобальных цветовых стилей (схем), включая "ночные", контрастные и монохромные. Доступна посайтная установка разных цветовых схем с возможностью быстрого переключения в один клик, а также возможность их временного отключения для просмотра сайтов в оригинальном виде (по горячим клавишам, описаны в этом разделе).

Универсальные цветовые схемы, заложенные в расширении, предназначены для визуально единого восприятия контента и снижают утомляемость глаз при работе. Особо сто́ит отметить применение "ночных" режимов, позволяющих комфортно работать с большинством современных сайтов.

Все основные функции и настройки доступны во всплывающем окне, вызов – щелчок по кнопке на тулбаре:


Щёлкните по изображению, чтобы просмотреть другой скриншот.

Назначение большинства настроек и экранных кнопок интуитивно понятно из их названия. Кроме того, у всех элементов управления есть всплывающая подсказка с кратким описанием их функций и действия, не ленитесь прочитать её.)

При выборе любой из цветовых схем, она устанавливается автоматически (сохраняется и применяется сразу же ко всем открытым вкладкам). При этом внешний вид окна настроек также переключается на соответствующий стиль для его визуальной оценки (щёлкните на скриншоте выше для просмотра внешнего вида схемы по умолчанию).

При вызове окна настроек на страницах конкретных сайтов вместо управления глобальным стилем будет выполняться "привязка" выбранной схемы только к этому сайту. Эта частная настройка сохраняется и не зависит от состояния просматриваемого сайта – если временно переключить просмотр на оригинальный вид сайта, при последующем переключении для этого сайта будет установлена та же самая цветовая схема.

В дополнение ко встроенным цветовым схемам можно самостоятельно задавать собственные корректирующие стили к любым сайтам, а также может подстраивать общий глобальный стиль, применяемый ко всем сайтам сразу. В этом случае аддон, фактически, работает как полноценный менеджер стилей и делает просмотр сайтов ещё более комфортным.

Функция корректора стилей даёт возможность обойтись без сторонних менеджеров стилей для получения более аккуратных цветовых схем, "заточенных" под конкретные сайты. Это позволяет каждому (достаточно продвинутому)) юзеру сделать свою персональную "галерею стилей", основным переключателем которых останется этот аддон.

Подробнее о настройках и управлении аддоном читаем в статье Russian Hacker Vision : Настройка и применение.


Работа с текстом: специальный режим "чтения"

Независимо* от универсальных цветовых схем, в расширении Russian Hacker Vision доступен особый "режим чтения", предназначенный для комфортной работы с объёмными текстами (например, при чтении различной документации или электронных книг в онлайн-библиотеках).

* Любой из режимов чтения работает даже при приостановке "стилизатора" (при просмотре всех вкладок в оригинальном виде). В общем случае текстовый режим представляет собой упрощённый вариант страницы, характеризующийся отсутствием "лишних" элементов, мешающих чтению. Текущая цветовая схема при этом используется та же самая, что и при просмотре сайта в обычном режиме.

Текстовый режим работает только для отдельных страниц и вкладок, вызывается только вручную, по горячим клавишам. Кроме единичного просмотра (для чтения одиночных материалов), можно включить для любой из вкладок режим "авточтения" (при этом все ссылки в такой вкладке автоматически загружаются в текстовом режиме).

Авторежим применяется/включается только в пределах текущей вкладки и индицируется для неё символом "R" на значке расширения на тулбаре (индикатор включается после перевода страницы в режим чтения).

Для переключения режимов "чтения" также используются горячие клавиши (работают на страницах любого сайта).

В случае отключения всех горячих клавиш (опция "Отключить все горячие клавиши"), в окне настроек отображается дополнительная экранная кнопка ("Режим (авто)чтения в текущей вкладке"), дублирующая горячие клавиши и дающая возможность переключения режима (авто)чтения для любой из вкладок при помощи мыши.

Подробнее о работе текстовых режимов читаем в этих статьях:
Russian Hacker Vision : Специальный текстовый режим "чтения"
Russian Hacker Vision : Особенности режима (авто)чтения


Дополнительные сведения и сервисные функции

Текущие изменения настроек автоматически сохраняются в локальном хранилище аддона и сразу же вступают в силу. Никаких дополнительных действий от пользователя при этом не требуется.

При полном отключении (или удалении) расширения, текущие изменения стиля в открытых вкладках останутся неизменными до их перезагрузки. Это связано с прямым встраиванием стиля в каждую открытую страницу.

Аддон работает на всех сайтах и на локальных страницах (кроме служебных), цветовой режим по умолчанию – "ночной" (указан в списке цветовых схем как "Тема "Russian Hacker Vision""). При приостановке работы расширения или при временном выключении стилей для текущего сайта, окно отображается в режиме "Оригинальный вид страниц".

Для повышения информативности значка на тулбаре и подсказки к нему, в зависимости от текущего режима работы и состояния аддона, в подсказке изменяется текст, также динамически меняется и бэджик значка на тулбаре.

Об этой и других функциях читаем в статье Russian Hacker Vision : Дополнительные сервисные функции.

С некоторыми дополнительными подробностями, особенностями применения на разных сайтах и другими техническими деталями разработки можно ознакомиться в статье Russian Hacker Vision : Что "под капотом".

Для изучения изменений функционала в конкретных версиях расширения можно воспользоваться ссылками, указанными в разделе "История версий" в отдельной статье Russian Hacker Vision : Ресурсы и ссылки. Там же приведены и другие полезные ссылки, позволяющие лучше понять общий механизм работы аддона и оценить его возможности.


Roadmap aka ToDo или Планы на будущее

В общем и целом – разработка "Russian Hacker Vision" будет поддерживаться и развиваться, есть некоторые задумки на предмет дополнительных функций (некритичных, но повышающих комфорт работы с аддоном).

Несмотря на достаточное число "конкурентов" этого расширения, сама задача глобальной стилизации для создания "комфортной рабочей среды" весьма интересна автору, а необходимость в подобных аддонах была, есть и будет. Поэтому, в любом случае, этот проект будет жить и дальше, потребность в улучшении функциональности расширения и упрощении его применения конечными пользователями (и самим автором)) остаётся даже после внесения всевозможных усовершенствований, ведь никогда не будет найдено нечто "идеальное раз и навсегда"… :)

Основная часть полезного функционала в какой‑то степени уже реализована. В дальнейшем, возможно, что-то будет сделано в плане добавления новых цветовых схем или совершенствования уже имеющихся, часть функций будет "заимствована" из других аддонов в рамках этого же расширения.

Есть и другие, понятные автору, направления развития функционала расширения, но на текущий момент мне не хотелось "раскрывать все карты", пусть эти фичи останутся моей "маленькой коммерческой тайной", которая обязательно будет реализовываться и публиковаться в будущем.)

Желающие лично поучаствовать в развитии этого проекта могут обсудить имеющиеся и предложить какие‑то другие полезные и нужные функции для этого аддона непосредственно в комментариях к этой* статье. Автором приветствуется конструктивная критика с "конкретным фидбэком", на основе которых можно будет решать различные (возможные)) "нестыковки" или дополнять функционал "Русского хакера" в соответствии с "пожеланиями трудящихся".)

* Создание отдельной статьи по фичам, по аналогии с лругими авторскими расширениями, на текущий момент не планируется. Если в дальнейшем такая необходимость возникнет, ссылки на подобные материалы будут опубликованы в этом подразделе. В общем, "следите за новостями" и периодически проверяйте обновления этой статьи.
Если, конечно, вам интересна вся эта тематика..:)


Загрузка и установка

Расширение не имеет практических ограничений по версии браузера, может использоваться на любых хром‑браузерах версий 29+ (рекомендуется 31+). Однако, с учётом различных "новшеств", вводимых производителями браузеров, желательно ознакомиться с документацией на конкретный билд, который планируется установить – могут быть, так сказать, "некоторые нюансики" и их необходимо учитывать.)

Можно загрузить любую из версий Russian Hacker Vision на следующих ресурсах:

Настоятельно рекомендуется использовать текущую стабильную версию расширения.
Более ранние выпуски можно устанавливать только в исследовательских целях для сравнительного анализа функций и возможностей аддона. Авторская поддержка предыдущих версий не осуществляется, претензии по возможным проблемам их эксплуатации не рассматриваются.

При возникновении сложностей с установкой читаем этот совет.

Для работы в режиме "инкогнито" в блоке аддона на странице chrome://extensions включаем опцию:
[читать матчасть]

Для работы с локальными файлами в блоке аддона на странице chrome://extensions включаем опцию:



Описание и инструкции Бармалей

Смотрим также:

Бармалей 14.08.2022 16.09.2022 312 0.0

Общие технические сведения о разработке
Статус разработки:Активная, поддерживается автором
Язык интерфейса:Русский
Версия браузера:29+ (рекомендуется 31+)
Протестировано в:SRWare Iron 29/31/36/49 + 360 Extreme Explorer 9/11/12/13 (CR63/69/78/86) + Chromium 87
Технологии и API:Чистый JavaScript (ES5), API: tabs, content-script, browserAction

Поделиться

Всего комментариев: 1
0
1 Бармалей 04.09.2022 • 15:34
..чуток подрезал исходный "лонгрид" и перенёс подробное разжёвывание в отдельную статью:
· Russian Hacker Vision : Настройка и применение – подробное описание настроек и управления расширением
close