Frontend / platform
AI в браузере и Baseline 2026
Часть функций, ради которых раньше ставили библиотеку или вызывали сервер, переезжает в сам браузер: от container queries до локального AI.
Модель как возможность браузера
Chrome развивает task APIs для встроенного AI: Summarizer, Writer, Rewriter и Translator, а Prompt API даёт более общий интерфейс. Модель управляется браузером и может работать на устройстве пользователя. Это уменьшает latency, стоимость inference и передачу чувствительного текста в облако.
Для frontend-разработчика интересны приземлённые сценарии: краткое содержание статьи, генерация заголовка, перевод, alt-текст и классификация комментария. AI становится progressive enhancement, а не обязательной частью сервера.
Нужен гибридный fallback
Поддержка зависит от браузера, устройства и доступности модели. Поэтому интерфейс обязан работать без AI, а затем улучшаться при наличии API. На неподдерживаемых клиентах можно предложить обычный ручной сценарий или облачный fallback с отдельным согласием и понятной политикой данных.
if ('Summarizer' in self) {
const summarizer = await Summarizer.create();
summary.textContent = await summarizer.summarize(article);
}Не скрывайте стоимость загрузки модели и состояние подготовки. Пользователю нужны progress, cancel и возможность продолжить без ожидания.
Что даёт Baseline 2026
Baseline помогает отвечать не на вопрос «есть ли API в одном браузере», а «достаточно ли широко он доступен для обычного использования». В набор 2026 вошли container style queries, @scope, contrast-color(), active view transitions, Navigation API, Trusted Types и другие возможности.
Это позволяет писать меньше JavaScript для layout и состояния навигации, точнее ограничивать CSS и усиливать защиту от DOM XSS. Но статус Newly Available не равен поддержке любого старого устройства — browser matrix продукта остаётся главным контрактом.
Практическая стратегия
- Определить минимальные браузеры продукта.
- Проверить функцию в Baseline и compatibility tables.
- Использовать feature detection, а не user-agent sniffing.
- Сделать базовый сценарий без новой возможности.
- Измерить стоимость polyfill относительно пользы.
Современный frontend постепенно становится менее зависимым от тяжёлых abstractions. Лучший результат — не демонстрация нового API, а более простой код и быстрый интерфейс, который корректно деградирует.