У меня очень давно в «идеях» лежала запись о том, что нужно создать браузер, который предназначен исключительно для чтения. Каждый раз я вспоминал о ней, когда натыкался на очередной сайт, где контент сложно прочитать из-за отвратительной вёрстки или обилия рекламы. И вот время настало: недельный лимит токенов не был израсходован, и мы с товарищем Клодом напряглись и создали браузер для чтения Brevier. Тот факт, что я уже много лет занимаюсь фронтенд-разработкой, дал свои плоды — я решил сделать браузер без JavaScript и без CSS.
Пролог
Когда-то интернет был тихой ламповой библиотекой. Каждая страница была свитком-папирусом. Вы брали нужный свиток, разворачивали и читали. Учёные мужи бережно писали эти свитки, любопытные читали, и никто не был обязан брать печенье для входа в библиотеку.
Худые стороны у этой библиотеки тоже имелись. Свитки было сложно читать: они были написаны разными почерками, разного качества чернилами и совершенно непредсказуемых цветов. Деды помнят, что даже видели свитки, написанные ярко-зелёными чернилами на фиолетовом папирусе. В любом случае, текст присутствовал, и если желание было, то его можно было прочесть.
Затем появились драконы.
1. Драконы грядут
Они появились не сразу, но первая ласточка была с вежливым сообщением: не желаете ли подписаться? Затем видео, которое никто не заказывал, часто еще и со звуком! Немного погодя вся библиотека была заполнена ими:
На входе вас всегда поджидает Печеньковый змей. Он не сдвинется ни на миллиметр, пока вы не передвинете 42 переключателя и не согласитесь с ним;
Как только вы сосредоточитесь на чтении, поп-ап Василиск выскакивает, обращает вас в камень и просит подписаться на канал да нажать колокольчик, пока вы не очнётесь и не найдёте едва заметный крестик в правом верхнем углу;
Стоит только закрыть одно видео, как в углу запускается еще два — это Гидра автовоспроизведения;
Вы никогда не увидите футер сайта, так как он пожран Змеем Бесконечного Свитка.
Но это всё слуги самого главного владыки — Великого JavaScript Дракона. На заре веков он был крохотным помощником и служил людям верой и правдой. Но сейчас он стал невероятно могущественным и жестоким. Теперь он даже не приносит свитки, как делал это раньше. Теперь он привозит телегу с кирпичами, глиной и палками и строит свитковый замок прям на ваших глазах, пока ваш ноутбук воет от натуги. Читатели по-прежнему приходили за свитками. Просто им приходилось несладко.
2. Карманная книга
В первые годы книгопечатания «бревьер» было названием шрифта небольшого размера — настолько маленького, что целая книга ежедневных чтений помещалась в карман путешественника. Людям удобно было брать такие книги с собой. Браузер Brevier — это карманная книга для интернета. Он делает одно: читает. Он проскальзывает мимо драконов, хватает свиток и приносит его вам на чистой бумаге.
Brevier никогда не впускает дракона, потому что никогда не запускает JavaScript — ни для какого-то конкретного сайта, ни для маленького меню, никогда. Он берёт страницу, извлекает из неё статью, превращает её в Markdown на вашем компьютере и отображает её в соответствии с вашими типографическими требованиями. Сайт определяет текст. Вы определяете, как он будет выглядеть.
3. Читальный зал
Каждый развёрнутый вами свиток переносит вас в одну и ту же спокойную комнату:
Ваш шрифт на каждом сайте — Noto Sans, книжный Book или ещё два готовых стиля, также вы можете точно настроить шрифт, размер, длину строки и межстрочный интервал — один раз для всех сайтов.
Бумага цвета слоновой кости, а для ночного дозора выбрана теплая темная цветовая гамма.
Мы уделили внимание переносу текста, чтобы даже правая часть текста смотрелась аккуратно.
Масштабирование макета устроено так, что в строке по-прежнему помещается около 65 символов.
Стихи сохраняют свои строки и строфы. Странствующие барды также приветствуются, но чеканную монету мы не обещаем.
Тёмная тема
4. Библиотечная башня
Некоторые из лучших веб-страниц находятся в Git-репозиториях: руководства, книги, справочники. Введите адрес gh:owner/repo в адресной строке, и Brevier откроет файл README, gl: работает и с GitLab.
Одна из самых крутых фич — это панель справа. Там могут находиться 3 важные вещи для навигации:
Оглавление страницы. Оно базируется на заголовках, а в случае длинных или неструктурированных страниц — на процентах;
Навигационные ссылки из футера или хедера сайта.
Заметки к тексту. Да-да, можно добавлять какие-то заметки к странице.
Также сейчас в эпоху ИИ удобно открывать сохранённые markdown-файлы прям в Brevier для комфортного чтения — везде, кроме Flatpak: из песочницы файлы с диска не открываются.
5. Вороны с далёких башен
Ленты новостей — это вороны интернета: RSS, Atom и JSON Feed. Brevier открывает их как списки записей с датой, автором и кратким описанием. Поддерживаются ссылки вида feed://. Ветки комментариев уже поддерживаются — Хабр, Hacker News, Lobsters и форумы, построенные на Discourse: каждый ответ с указанием автора и дня, ответы размещаются под вопросами.
С Хабром отдельная история: в самой странице статьи комментариев нет, их потом догружает скрипт. Brevier делает тот же запрос сам, один раз, и ставит комментарии под статью — с авторами, датами и ветками ответов. Ссылки вида #comment_… из ленты ведут прямо к нужному комментарию, а на месте удалённого стоит та самая фраза про НЛО.
Всё, что вы введёте в адресную строку, если это не адрес, будет использовано для поиска в DuckDuckGo, и результаты будут представлены в виде простого списка ссылок. Ни один ворон не пострадал. Может, позже будут и другие поисковики, а может, и нет.
6. Рукописи не горят
Каждый прочитанный вами свиток хранится в сжатом виде в формате Markdown, один файл == один свиток. Ctrl+Shift+F запускает поиск по всему архиву. Даже если сайт исчезнет, ваша копия останется у вас в архиве. А если страницы больше нет, Brevier предложит достать последнюю копию из Wayback Machine — но только по кнопке: до неё archive.org ничего не знает о том, что вы читаете.
Свиток, который вы читали дольше десяти минут, помнит, на каком месте вы закончили читать. Откройте страницу заново, и Brevier предложит «Continue from 42%». А внизу экрана тонкая линия с полосой прогресса, точками заголовков и добавленных пометок.
7. Когда ворота остаются закрытыми
Не каждый замок открыт для посещений: одни сайты полностью созданы на JavaScript, у других высокая стена от ботов, а на ней Гэндальф: «Ты не пройдёшь!» Brevier вежливо стучит, называет своё честное имя и никогда не лезет через стену. Если ворота остаются закрытыми, он ясно об этом сообщает и предлагает открыть в браузере. Также всегда можно просто нажать Ctrl+O, и страница откроется в обычном браузере.
Мы протестировали в сентябре Brevier на 108 живых страницах, и 80 из них (74%) читаются хорошо. Честно скажем: правила оценки мы смягчили, уже зная результат, — по строгим выходило 56%. На отдельном замере по 295 новостным сайтам хорошо читаются 94% статей, до которых Brevier смог добраться. Не каждая миссия заканчивается победой, но мы всё равно показываем итоговый результат и то, как мы его подсчитали.
8. Для строителей замков
Мы добавили специальный инструмент для разработчиков, схожий с Lighthouse, который может проверить, как ваш сайт будет выглядеть для читателя, не использующего скрипты. Команда brevier --check https://your.site/ выдаст оценку от 0 до 100 и подскажет, что нужно изменить. Это очень удобно, можно даже добавить проверку в GitHub Action, чтобы он прервал сборку, если оценка ниже определенного уровня.
- uses: gurov/brevier@main # или тег релиза with: urls: | https://example.com/ min: 80
9. Что авантюрист оставляет дома
Хороший путешественник берет с собой минимум вещей. Brevier не будет брать с собой:
JavaScript. Никогда, ни в какой форме. В этом суть, в этом наша стратегия.
CSS сайта. Стили только ваши.
Формы, авторизация и файлы cookie. Веб у нас только для чтения, и это сделано намеренно.
Видео, аудио и расширения.
Мы не используем ИИ для разбора страниц, они читаются простыми правилами, поэтому смысл не искажается. Если же в будущем мы добавим ИИ для вспомогательного парсинга — это будет совершенно отдельный модуль, который вызывается по запросу (может, и вообще без него обойдёмся).
И одно честное ограничение: программы чтения с экрана пока работают только в Linux. На Windows доступность GTK ещё не добралась, а на Android TalkBack должен читать нативный текст, но этого пока никто не проверял.
10. Ваше сокровище у вас в сундуке
Brevier прячет ваше добро так: в домашнем каталоге папка, в папке текстовый файл, в файле строка, а в строке — закладка, запись истории или открытая вкладка. Сотрёте строку — и страница забыта. Прочитанные статьи лежат рядом в архиве: папка, а внутри Markdown ужатый в LZ4. Ни базы данных, ни учёток в Brevier нету.
Сам Brevier ничего не трекает и никуда ничего не отправляет. Сайты, правда, по-прежнему видят, что вы к ним заходили: Brevier — читалка, а не шапка-невидимка.
11. Кого запрягаем
Brevier есть для Linux, Windows и Android, а командная строка — ещё и для macOS. Интерфейс везде пока только на английском.
Linux
Flatpak можно поставить из собственного подписанного репозитория Brevier. Это работает в любом дистрибутиве (deb и rpm нету, потом, может, заведём, а пока не стали, так как обновления автоматом не подтянутся). GNOME Software и Discover ставят его по ссылке в один щелчок, а в консоли:
flatpak install --user https://brevier.bizibah.com/flatpak/brevier.flatpakref
Новую версию подтянуть командой flatpak update. Сам Brevier весит около 5 МБ, но если рантайма GNOME в системе ещё нет, Flatpak скачает и его — это около 400 МБ, общих для всех Flatpak-приложений. Кому это много, для того есть архив tar.gz на 11 МБ (нужен GTK 4 в системе, ставится в ~/.local без root) и сборка с crates.io (Rust 1.88+, GTK 4.10+ с заголовками):
cargo install --locked brevier --features ui
Windows 10 и 11
Установщик ставит Brevier для конкретного юзера, без прав администратора. Есть также версия в zip, которую можно запустить из любого места. Установщик пока без подписи, поэтому SmartScreen ругнётся «Система Windows защитила ваш компьютер» — жмём «Подробнее» → «Выполнить в любом случае».
Android 7 и новее (64-битный ARM)
Это не очередная поделка на WebView, а нативное приложение на том же ядре, и статью оно рисует настоящим текстом. Ставится из F-Droid, там обновляется само (по ощущениям задержка на неделю в сравнении с гитхабом), или тем же APK со страницы релизов. F-Droid публикует APK, только если его сборка побайтно совпала с нашей, поэтому обновляться можно хоть откуда. В Google Play пока нету, но планирую!
Все шаги одной картинкой
Командная строка
Для маководов это единственный вариант: окна пока не подвезли. Пользоваться просто: brevier https://example.com/article сконвертирует статью в Markdown. Каждый релиз поставляет утилиту одним файлом для Linux (x86_64 и ARM64), macOS (Apple silicon и Intel) и Windows. Дополнительных зависимостей не нужно, включая GTK. Файл для macOS не подписан: если скачали браузером, то нужно разок выполнить xattr -d com.apple.quarantine brevier. Или собрать: cargo install --locked brevier --features save.
Сертификаты Минцифры
Если корневой сертификат Минцифры установлен в систему, сайты с ним открываются в Linux вне Flatpak (проверено на sberbank.ru). Во Flatpak и на Android — пока нет: в песочнице Brevier видит только корни рантайма, а на Android — только системные, без установленных пользователем. В Windows должен работать через системное хранилище, но пока не тестировал.
Эпилог. Присоединяйтесь к квесту!
Brevier — это свободное программное обеспечение под лицензией MIT или Apache-2.0, разрабатываемое в открытом доступе на GitHub. Категорически приветствуются сообщения от пользователей в разделе Issues, а также патчи (пожалуйста, не прикрепляйте драконов). Манифест описывает обещания Brevier, а дорожная карта показывает, куда проект движется дальше. Новые релизы доставляет ворон: лента релизов.
Комментарии (21)
ritorichesky_echpochmak
25.10.2026 09:26При всей моей нелюбви к расту и нейрослопу я плюсую идее что форкус должен быть на контенте. А свистоперделки, дрыгалки, попапы, ущербный "нескучный" дизайн и прочие шатания должны почить в бозе.
Плюсик за data hoarding. Скачать чтобы почитать когда-нибудь потом, с любого подручного ПК/ ноута/читалки/телика/холодильника - это благо. Плохо что сначала надо разжать всё. Иначе быстропоиск по диску, вагончик инструментов и в особенности все остальные читалки, в т.ч. на ведроиде - не поймут как ваш LZ4 читать.
Кстати, картинки где, в архиве или ссылки умирают вместе с источником?
Отдельно мне нравится мысль, что для часто посещаемых сайтов можно сделать префикс как тот же gh:// который будет давать понимать приложению как общаться с этим источником. Нужно подумать как это ввинтить в привычный браузер для часто посещаемых страниц. Было бы прикольно прямо в основном браузере поменять схему на md://habr.com и дальше ехать по маркдауну (ну или read:// для reader view), разумеется над https-схемой.
Сам я пользую FF+Stylus, для некоторых сайтов Reader View, а то что прям почитать-почитать - откладываю в Readeck (аналог Karakeep, бывший Hoarder) для последующего вдумчивого чтения с читалки, или если поработать над материалом - в Obsidian (через его Web Clipper). Впрочем ReadItLater-инструменты и букмарки - это отдельная большая незаконченная головная боль
Конфигурация Stylus для habr
/* ==UserStyle== @name habr.com @namespace github.com/openstyles/stylus @version 1.0.0 @description A new userstyle @author Me ==/UserStyle== */ @-moz-document domain("habr.com") { * { scrollbar-width: thin; } .article-formatted-body { color: #101010 } .tm-page-width { margin-right: 0px; @media (min-width: 1024px) { /* max-width: 1600px; */ max-width: 80vw; } } .tm-page__header, .tm-article-feed-blocks { opacity: 0.3; filter: grayscale(100%); } .tm-header__container, .tm-comment__header { filter: grayscale(100%); } .tm-main-menu__item_has-new::after { filter: grayscale(100%); } .tm-entity-image { opacity: 0.4; filter: grayscale(100%); } .tm-page__sidebar { opacity: 0.4; filter: grayscale(100%); &:has(.code-explainer-modal) { width: unset; } } .tm-article-sticky-panel { opacity: 0.4; filter: grayscale(100%); height: 40px; } .code-explainer { justify-content: flex-end; .tm-button.code-explainer__link { opacity: 0.3; filter: grayscale(100%); transform: scale(0.7); width: fit-content; } } }Плюс сам Firefox у меня минимизирован и кастомизирован так, чтобы на контент было места побольше, элементы управления отвлекали поменьше, а неактивные табы всегда "засерены"
Хабр в браузере я вижу так
Темка solarize-fox и кастомизации
compact toolbar profile/chrome/userChrome.css
/* Inactive Tab – good */ .tabbrowser-tab:not([selected="true"]) { filter: grayscale(100%); } .tabbrowser-tab:not([selected="true"]):hover { filter: none; } /*bookmarks toolbar*/ #PlacesToolbar { filter: grayscale(100%); } #PlacesToolbar:hover { filter: none; }Кастомизация Reader View в profile/chrome/userContent.css
/* By default, userChrome.css modifications are disabled in Firefox. You need to make sure that on the about:config page in Firefox, the toolkit.legacyUserProfileCustomizations.stylesheets preference is set to true and then restart the browser. */ @-moz-document url-prefix("about:reader") { :root { scrollbar-width: thin !important; } body { overflow-x: hidden !important; /* Hide horizontal scrollbar */ } body .toolbar-container { position: absolute !important; right: 5px !important; opacity: 0.33; &:hover { opacity: 1; } .toolbar-button.pocket-button { display: none; } } .dropdown { position: unset !important; } }А теперь давайте поговорим о главном. Кто, когда и в каком угаре придумал, что читать НЕчёрные буквы на бежевом фоне - отличная идея?
Вот эти свистоперделки типа вываливающегося справа меню Contents, которое сдвигает контент в сторону - это зачем? Главное должно быть в центре. Главный монитор должен быть прямо перед вами, контент должен быть прямо перед вами.
Dark Mode - это штука которая убивает фокус и отправляет вас поспать. Не нужно отображать важный вам контент на чёрном фоне. Затенить или засерить второстепенные элементы - тулбар браузера, сами элементы браузера, всякие финтифлюшки ОС (особенно system tray) - отлично. Но контент должен отображаться как вот тот самый фолиант чёткими буквами на белой бумаге.
Заметки к странице - это хорошо, если они не потеряются вместе с этой страницей и этой версией этой конкретной софтины... как это реализовано? Как это синхронизировать с markdown-заметками в тот же Obsidian, Affine?
Свиток, который вы читали дольше десяти минут, помнит, на каком месте вы закончили читать
Это сделано как штатная фича современных браузеров Copy link to highlight или какой алгоритм под капотом? А то потом на разных скейлах прогресс чтения у многих читалок разъезжается
Штатный прицел на конкретное место в тексте выглядит, например, так
Android: на скринах не понятно, но тот же FF в мобилках при скролле вниз прячет шапку во имя контента.
p.s.
рукописи не горятно это киберпанк который мы заслужили ))
ts347
25.10.2026 09:26
Меня лично смущает вот эта фиксированная строка с тремя словами Хабр Все потоки и четырьмя значками, которая занимает столько же места, сколько вкладки и адресбар вместе взятые. К тому же при переходе к комментарию по якорю он уезжает под нее. Когда ее убираешь, становится хорошо.
P. S.
#:~:text=
Фича классная, но я фигею с этого синтаксиса.
lucius Автор
25.10.2026 09:26@ritorichesky_echpochmak Спасибо за идеи! (Как-то промазал веткой)
Плохо что сначала надо разжать всё
Согласен. LZ4 введён из-за его скорость и экономии места. Думаю что добавлю переключалку в настройки для хранения без сжатия.
Кстати, картинки где,
В кеше на неделю. Думаю для закладок и страниц с пометками буду картинку помещать прямо в архим. Кстита,
Ctrl+Sсохранит статью с картинками в .zip, без картинок - в.md.Заметки
Это
TextQuoteSelectorиз W3C Web Annotation, братуха Text Fragments. Плюшки:Лежат локально в
notes.tsv;Копия страницы с заметками есть и в архиве;
Ctrl+Sдописывает в Markdown раздел «Your notes», его можно забрать в Obsidian.
Бежевый фон
Как-то давно я прочитал Облик книги Яна Чихольда, она как-то запала в память, вот и взять отличный от белого фон. Но я добавлю настройку для фона для эстетов.
прячет шапку
Думаю что можно сделать тоже
md://в обычном браузереУ меня там где-то записана идея - сделать Brevier расширение для браузера, но пока не добрался.
Dihtas
25.10.2026 09:26всеми руками и ногами ЗА!!!
постоянно испытываю чувство тошноты из-за нагромождения бестолковых картинок ((
flameu
25.10.2026 09:26Спасаюсь тем, что тащу в Obsidian (скриптом) и там руками чищу от тех же двойных переносов.
Но моя боль немного в другом: текст во всем вебе стал какой-то разреженный, словно дизайнеры боятся, что много текста на странице перегрузят мой мозг. Больше всего в этом деле бесит чатжпт: у меня full hd экран на 24/27 дюймах и на этот экран влезает так мало строк!Может поэтому программисты уходят в tui и там живут
Tomasina
25.10.2026 09:26Сайт mobile-review.com парсится нечитаемо.
lucius Автор
25.10.2026 09:26Спасибо. Добавлю в планы. У Brevier два режима: список статей и сама статья. Вот список статей парсится не всегда правильно широкими правилами. Но я не унываю и полирую правила постояно.
serg2011up
25.10.2026 09:26Как кодировку поменять?
lucius Автор
25.10.2026 09:26
serg2011up
25.10.2026 09:26Огромная благодарность. Это пушка, это бомба. Это то- чего мне не хватало. Переустановил версию 0.17.0 и все заработало (reload надо сделать).
А можно на будущую доработку оставить заявку? Я читая тексты часто нахожу картинки, иллюстрации и их пытаюсь вставить. В Obsidian это можно сделать внутри текста. Было бы очень удобно копировать картинки в текст страницы и сохранять ее. Вот пример как хотелось бы видеть: Слева - текст страницы и Справа я нашел карту и скопировал картинку в текст. Изображение прилагаю.
lucius Автор
25.10.2026 09:26На текущий момент реализовано добавление текстовых пометок к статьям. Нужно выделить текст и добавить пометку. Добавление картинок - это довольно узкий инструмент. Обещать не буду, но подумаю над реализацией.
pvzh
Боже, как это прекрасно! Наконец-то реально полезная новинка. Прочитал манифест и подписываюсь под каждым словом. В вебе власть захватили дельцы, шопоголики и киноманы, а спокойно почитать доку уже целое приключние. Вот реально нужен параллельный веб, или же прокси в него, чем данное приложение и является. Всег благ автору!
naky
Параллельный веб уже делали, см. gemini и gopher.
А улучшательства из статьи вроде боковой панели засунуть бы в Reading Mode Firefox вместо отдельного приложения…
pvzh
Протокол Gemini – хорошая задумка, но контента мало. В основном это любительские блоги на 5 страничек. Заставить талантливых людей зеркалировать туда свои блоги затруднительно. В gopher положение ещё хуже. Более живой параллельный веб - Markdown версии документации для агентов. Такое вижу всё чаще и, внезапно, это вполне удобно читать, хотя я не агент. Там обычно оставляют самую суть, а приложений для просмотра и поиска по вороху md-файлов достаточно.