Опубликовано: 26 января 2026 г.
Как и ожидалось, декабрь 2025 года оказался для Baseline довольно спокойным месяцем, поскольку сообщество разработчиков взяло заслуженный перерыв, чтобы отдохнуть перед концом года. Хотя это будет краткое обновление по сравнению с другими месяцами 2025 года, в нем все же много интересных моментов!
Базовый уровень. Новые доступные функции.
Следующие функции стали доступны в базовой версии в декабре 2025 года. В результате все эти функции станут широко доступны в базовой версии в июле 2028 года.
document.caretPositionFromPoint()
document.caretPositionFromPoint() — полезный инструмент для точного определения точки вставки (узла DOM и смещения) для заданных координат области просмотра. Этот метод уменьшает количество догадок, которые часто возникали при определении положения курсора в документе.
API синхронизации событий
API Event Timing используется для обнаружения взаимодействий с документом и может применяться для расчета задержки пользовательских взаимодействий. Этот API используется для расчета метрики Core Web Vital Interaction to Next Paint (INP) . Теперь, когда этот API стал доступен на базовом уровне , стало возможным рассчитывать метрику INP для всех основных браузеров, а когда он в конечном итоге станет доступен на базовом уровне, станет возможным рассчитывать эту важную для пользователей метрику для еще большего числа браузеров, используемых в целях мониторинга реальных пользователей (RUM).
Крупнейший Contentful Paint API
Largest Contentful Paint (LCP) — это ключевой показатель веб-технологий, определяющий момент отображения самого большого фрагмента контента в документе. Теперь, когда API Largest Contentful Paint стал доступен на базовом уровне (Baseline Newly available ) и будет доступен для еще большего числа пользователей по мере достижения уровня широкой доступности (Baseline Widely available), станет возможным рассчитывать этот важный пользовательский показатель на основе реального опыта пользователей для целей сбора данных.
CSS scrollbar-color
Ранее было невозможно обеспечить единообразное оформление полос прокрутки во всех браузерах. Теперь, когда свойство CSS scrollbar-color стало доступно (Baseline Newly), у вас появился более удобный способ стилизации цвета полосы прокрутки документа.
событие scrollend
Событие scrollend предоставляет надежный способ определения завершения операции прокрутки, заменяя громоздкие обходные пути setTimeout . Введение этой функции в качестве базовой версии, недавно ставшей доступной, означает, что пользователи смогут определять завершение операций прокрутки таким образом, чтобы это не ухудшало производительность и читаемость кода, как это происходит при использовании коллбэков setTimeout .
CSS @scope
Правило @scope в CSS упрощает нацеливание на элементы в поддеревьях документа, уменьшая необходимость в сложных селекторах. Благодаря тому, что @scope стал доступен в базовой версии, у вас теперь есть мощный инструмент для определения области видимости стилей.
Семейство математических шрифтов
Если вам когда-либо приходилось отображать математические уравнения на странице, вы знаете, что такой контент требует специфического отображения. Благодаря появлению стандартного шрифта font-family: math , вам больше не понадобятся обходные пути для отображения математических уравнений.
Команды вызывающего
Команды Invoker полезны для назначения поведения элементам <button> на странице. В частности, они полезны для управления использованием диалоговых окон и всплывающих окон, а также помогают обрабатывать многие базовые требования для использования этих API, такие как вопросы доступности. Чтобы узнать, как они работают, прочитайте статью <dialog> и popover : базовые многоуровневые шаблоны пользовательского интерфейса» , статью из нашей недавно вышедшей серии «Базовые шаблоны в действии» .
Базовые широкодоступные функции
Некоторые функции недавно стали широко доступны в декабре 2025 года, что означает, что теперь они считаются широко используемыми во всех основных браузерах.
calc() ключевые слова
Поскольку calc() выполняет математические операции в CSS, возникла необходимость ввести ключевые слова для часто используемых математических формул. Ключевые слова e , pi , infinity и NaN представляют собой четко определенные константы, принимаемые в математических функциях CSS в функции calc() .
Модули JavaScript во вторкерах
Веб-воркеры по своей природе существуют в собственной области видимости и создаются через конструктор Worker() . Возможность использовать аргумент { type: "module" } при запуске веб-воркера позволяет использовать модули ES в области видимости воркера, предоставляя доступ к import и export . Благодаря тому, что эта функциональность теперь доступна на уровне базовой версии, вы сможете использовать её в большем количестве современных браузеров.
window.print()
Хотя window.print() — это хорошо зарекомендовавшая себя веб-функция, в этом месяце завершилась разработка кроссбраузерного механизма Baseline Widely available для некоторых современных реализаций диалогового окна печати, что позволило использовать его более надежно в большем количестве браузеров.
На этом всё.
Завершив 2025 год, мы начинаем новый год с Baseline в 2026 году! Как обычно, дайте нам знать, если мы что-то упустили, связанное с Baseline, и мы обязательно учтем это в одном из будущих выпусков!