Заметки о выпуске веб-платформы Microsoft Edge 149 (июнь 2026 г.)

Ниже приведены новые функции и обновления веб-платформы в Microsoft Edge 149, который выпускается 4 июня 2026 года.

Чтобы оставаться в курсе событий и получать новейшие функции веб-платформы, скачайте канал предварительных версий Microsoft Edge (бета-версии, для разработчиков или Canary); перейдите к Стать участником программы предварительной оценки Microsoft Edge.

Подробное содержание:

Средства разработчика Microsoft Edge

Новые возможности средств разработчика (Microsoft Edge 149).

WebView2

См. раздел SDK выпуска 1.0.4022.49 для среды выполнения 149 (9 июня 2026 г.) в заметках о выпуске SDK WebView2.

Возможности CSS

В Microsoft Edge включены следующие новые функции каскадных таблиц стилей (CSS).

Оформление зазоров CSS

Стилизуйте промежутки в макетах контейнеров Grid и Flexbox, как column-rule в макетах с несколькими столбцами. Используйте оформление пробелов, чтобы визуально разграничить элементы, не прибегая к обходным путям, таким как псевдоэлементы или дополнительные элементы-обертки.

См. также:

Переполнение текста клипа при взаимодействии с пользователем

Когда пользователь взаимодействует с заданным текстом text-overflow: ellipsis (например, при редактировании или переходе по клавишной навигации), текст временно переключается с многоточия на клип (при котором усечение может произойти в середине символа). Это позволяет пользователю просматривать скрытое содержимое переполнения и взаимодействовать с ним.

Это поведение применяется ко всем редактируемым и нередактируемым элементам. Элементы управления формы (<textarea>) <input>уже поддерживают это поведение.

См. также:

image-rendering: crisp-edges

Свойство image-renderingcrisp-edges теперь поддерживает значение.

Используйте image-rendering: crisp-edges для масштабирования изображения с сохранением контраста и краев без сглаживания цветов и размытия.

См. также:

path-length Свойство CSS для элементов SVG

Используйте новое path-length свойство CSS для установки значения атрибута pathLength элементов геометрии SVG, включая:

  • <path>
  • <circle>
  • <rect>
  • <line>
  • <polyline>
  • <polygon>
  • <ellipse>

Свойство path-length CSS позволяет управлять значением атрибута SVG pathLength с помощью таблиц стилей, встроенных стилей и анимации.

Объявления CSS переопределяют атрибут презентации SVG в соответствии со стандартными правилами очередности CSS. Начальное значение равно none.

См. также:

path(), shape(), , rect()и xywh() в shape-outside

Теперь можно использовать path()функции , shape(), rect()и xywh() shape в свойстве CSS shape-outside для определения фигур исключения с плавающей запятой.

См. также:

Удалено border-color: gray из таблицы стилей агента пользователя для <table>

Ошибочное border-color: gray правило удалено из таблицы стилей агента пользователя браузера для элемента <table> . Для границ таблицы теперь по умолчанию правильно установлен , currentColorсоответствующий спецификации HTML и другим браузерам.

См. также:

Область применения цвета системных элементов до установленных веб-приложений

Значение accent-color: auto CSS для элементов управления формы теперь применяет цвет элементов операционной системы только в установленных контекстах веб-приложений. На обычных веб-страницах в элементах управления формами используется стандартный цвет элементов браузера.

Это изменение согласует поведение accent-color: auto ключевых слов с системными цветами AccentColor и AccentColorText CSS, которые также ограничены установленными контекстами веб-приложений, чтобы уменьшить появление отпечатков.

См. также:

Граница верхнего слоя псевдоклассов действий пользователя

:active, :hover, и :focus-within псевдоклассы теперь соответствуют родительским элементам только до первого верхнего уровня в цепочке родительских элементов.

Например, рассмотрим этот HTML:

<main>
  <div popover>
    <button></button>
  </div>
</main>
<script>document.querySelector('[popover]').showPopover();</script>

Когда пользователь наводит курсор на <button> элемент, :hover псевдокласс соответствует элементам <button> and <div popover> , но не соответствует элементу <main> , так как <div popover> он является элементом верхнего уровня.

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

См. также:

Веб-API

В Microsoft Edge включены следующие новые функции веб-API.

Варианты Intl.Locale

Теперь Intl.Locale объект предоставляет свойство variants . Кроме того, теперь вы можете передавать строку variants в опциях Intl.Locale конструктора.

Варианты языкового стандарта представляют дополнительные языковые параметры, которые не охватываются полями языка, региона и письменности идентификатора языка.

См. также:

Перенос PWA в новый источник

Теперь вы можете легко перенести установленное прогрессивное веб-приложение (PWA) в новый, исходный сайт с сохранением доверия и разрешений пользователя.

Когда пользователь устанавливает PWA, его удостоверение привязывается к веб-источнику (например, app.example.com). Ранее изменение источника заставляло пользователей вручную удалять и переустанавливать приложение. Эта функция устраняет эти нарушения.

См. также:

Выделение ошибок обработчика платежей в запросе платежа

Обработчик платежей, доступ к которому осуществляется через API запроса оплаты, теперь может возвращать разные ошибки для "Пользователь отменил" и "Внутренняя ошибка платежного приложения".

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

  • Если обещание, которое переданоPaymentRequestEvent.respondWith, отклоняется с , OperationErrorваше PaymentRequest.show() обещание получает .OperationError
  • Если обещание, которое передано PaymentRequestEvent.respondWith , отклоняется со значением, отличным от OperationError, ваш PaymentRequest.show() обещание получает (отмена пользователем AbortError ).

См. также:

Request.isReloadNavigation атрибут

Атрибут isReloadNavigation теперь доступен в интерфейсе Request API Fetch. Этот атрибут указывает, был ли запрос навигации инициирован как перезагрузка, инициированная пользователем, например, когда пользователь нажимает кнопку "Обновить " или когда location.reload() запускается метод "или history.go(0) ".

Атрибут isReloadNavigation является логическим значением только для чтения.

Используйте этот атрибут в обработчике FetchEvent служебного сценария для реализации стратегий кэширования, таких как обход кэша или принудительное применение сетевой стратегии специально во время перезагрузки.

См. также:

Поля времени маршрутизатора служебных сценариев в API синхронизации ресурсов и синхронизации навигации

Атрибуты workerMatchedRouterSource and workerFinalRouterSource теперь доступны в API синхронизации ресурсов и синхронизации навигации.

  • Используйте атрибут, workerMatchedRouterSource чтобы определить, какое правило статического маршрутизатора служебного сценария было сопоставлено.

  • Используйте атрибут, workerFinalRouterSource чтобы определить конечный источник, использованный для запроса.

См. также:

autocorrect="off" на сенсорной клавиатуре Windows

Теперь autocorrect атрибут работает правильно на сенсорной клавиатуре Windows. Ранее сенсорная клавиатура игнорировала значение атрибута autocorrect="off" и всегда автоматически исправляла слова.

Чтобы сенсорная клавиатура не заменяла введенный текст, установите значение атрибута autocorrect="off" on:

  • Элемент <input> .
  • Элемент <textarea> .
  • Любой элемент, для которого задан атрибут.contenteditable

См. также:

Откладывать чтение данных буфера обмена до тех пор, пока не будет указан тип MIME

Асинхронный API буфера обмена теперь откладывает чтение данных буфера обмена из операционной системы до вызова getType(). При вызове navigator.clipboard.read(), браузер возвращает массив ClipboardItem объектов, каждый из которых содержит доступные типы MIME, но без исходных данных. Фактические данные считываются только в том случае, если запрашивается определенный формат.

const items = await navigator.clipboard.read(); // No data is read yet.
const text = await items[0].getType('text/plain'); // Only the 'text/plain' data is read here.

Это снижает загрузку ЦП и улучшает воспринимаемую скорость отклика вызова API.

См. также:

Закрывать подключения WebSocket при записи bfcache

Открытое подключение WebSocket теперь закрывается при входе страницы в кэш back/forward (bfcache), вместо предотвращения кэширования страницы.

Ранее страницу с активным подключением WebSocket нельзя было сохранить в bfcache. Благодаря этому изменению больше страниц получают преимущества мгновенной навигации вперед и назад.

Когда ваша страница попадает в bfcache, она получает close событие для каждой затронутой WebSocket. Прослушайте pageshow событие и снова подключитесь, когда event.persisted будет .true

См. также:

Исходные испытания

Ниже приведены исходные испытания новых экспериментальных API, доступных в Microsoft Edge.

Исходные испытания позволяют вам испытывать экспериментальные API на вашем собственном рабочем веб-сайте в течение ограниченного времени. Дополнительные сведения об исходных пробных версиях см. в статье Использование исходных испытаний в Microsoft Edge.

Полный список доступных исходных пробных версий см. в статье Пробные версии Microsoft Edge.

Имя Описание Регистрация
SharedArrayBuffers на неизолированных страницах на компьютерах Позволяет использовать SharedArrayBuffer объекты на страницах, которые не изолированы между источниками. Регистрация
Уведомления о входящих звонках Позволяет установленным PWA отправлять уведомления о входящих звонках с мелодией звонка и кнопками "Принять/отклонить". Регистрация
API корректора Исправляет грамматические, орфографические и пунктуационные ошибки в тексте с помощью встроенной языковой модели. См. также Proofreader API. Регистрация
API запросов Запросы встроенной языковой модели с вашего веб-сайта или расширения кода JavaScript. См. также Интерфейс API запросов. Регистрация
Запрашивать параметры выборки API Параметры topK и temperature выборки позволяют оптимизировать поведение модели в каждом сеансе языковой модели. Регистрация
Пользовательские дескрипторы WebAssembly Более эффективно хранить данные, связанные с типами исходного уровня, в пользовательских объектах-дескрипторах. Регистрация
<usermedia> элемент HTML Управляемый браузером элемент HTML для запроса доступа к камере или микрофону, заменяющий запросы разрешений на основе JavaScript. Регистрация
Эвристика мягкой навигации Предоставляет эвристику мягкой навигации для сбора метрик производительности в одностраничных приложениях. Регистрация
Улучшенный Canvas TextMetrics Расширяет API Canvas TextMetrics с помощью прямоугольников выбора, запросов ограничительного прямоугольника и операций с кластером глифов. Регистрация
WebNN Создавайте и выполняйте модели машинного обучения с аппаратным ускорением непосредственно в веб-приложении. Регистрация
focusgroup Атрибут HTML Стандартизирует навигацию с помощью клавиатуры для составных мини-приложений, таких как панели инструментов, вкладки, меню и радиогруппы. Регистрация
URL-адреса и хэши оценки в CSP script-src Введены хэши url и eval- для script-src директив CSP, заменяющие списки разрешений на основе имен хостов и unsafe-eval. Регистрация
API веб-установки Позволяет веб-сайту установить другой веб-сайт как веб-приложение с помощью navigator.install(). Регистрация
<install> элемент HTML Декларативно установите другие веб-сайты как веб-приложения с помощью <install> этого элемента. Регистрация
HTML в Canvas Включает отрисовку HTML на холсте с новыми методами рисования и событием paint . Регистрация
API цифровых учетных данных — поддержка выдачи Инициирует выдачу учетных данных пользователя с сервера выпуска учетных данных в приложение цифрового кошелька. Регистрация
prerender_until_script Действие API правил спекуляции Действие API правил спекуляций, которое предварительно отрисовывает страницу, но переключается на предварительную выборку при выполнении сценария. Регистрация
Монтируемый квантовый рендеринг WebAudio Позволяет указать пользовательский квантовый размер отрисовки при создании AudioContext или OfflineAudioContext. Регистрация
Предварительная активация путем отправки формы Позволяет активировать правила предварительной отрисовки в API правил спекуляций при отправке формы. Регистрация
API производительности ЦП Предоставляет сведения о возможностях устройства пользователя для использования с API вычислительной нагрузки. Регистрация
Списки разрешенных подключений Ограничивает подключения из документа или рабочего процесса к распределенному сервером списку разрешенных конечных точек. Регистрация
Предварительная отрисовка междоменных фреймов iframe Предварительная отрисовка фреймов iframe между источниками с помощью заголовка отклика opt-in вместо задержки до активации страницы. Регистрация
Время контейнера Отслеживает, когда контейнер DOM с примечаниями отображается и завершает свою первоначальную отрисовку. Регистрация
Разделение длительностей стилей и макетов в API длинных анимационных кадров Добавляет styleDuration, forcedStyleDuration, , layoutDurationи forcedLayoutDuration свойства для более глубокого анализа производительности CSS. Регистрация
Декларативные сценарии модуля CSS Общие декларативные таблицы стилей с теневыми корнями, включая декларативные теневые корни, с помощью встроенных модулей стилей. Регистрация
Событие автозаполнения Определяет, когда браузер обновляет элементы автозаполнения форм для адаптации пользовательского пользовательского интерфейса и проверки. Регистрация

Примечание.

Некоторые части этой страницы представляют собой измененные материалы, созданные и предоставленные на сайте Chromium.org. Их использование регулируется условиями, описанными в лицензии Creative Commons Attribution 4.0 International License.

  • Last updated on