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

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

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

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

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

См . статью Новые возможности Инструментов разработки Microsoft Edge.

WebView2

См . заметки о выпуске пакета SDK для WebView2.

Функции CSS

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

Оформление пробелов CSS

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

См. также:

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

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

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

См. также:

image-rendering: crisp-edges

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

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

См. также:

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

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

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

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

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

См. также:

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

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

См. также:

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

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

См. также:

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

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

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

См. также:

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

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

Например, рассмотрим следующий HTML-код:

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

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

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

См. также:

Веб-API

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

Отключение фильтров SVG для iframes и подключаемых модулей с несколькими исходными кодами

Фильтры SVG больше не применяются к следующим:

  • Iframe с несколькими исходными или ограниченными значениями (например, изолированные iframe).
  • Внедренные подключаемые модули (например, PDF-файлы).

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

См. также:

Варианты Intl.Locale

Объект Intl.Locale теперь предоставляет variants свойство . Теперь можно передать variants строку в параметрах конструктора Intl.Locale .

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

См. также:

OpaqueRange для текста элемента управления формой

Используется OpaqueRange для представления динамического диапазона текста в значении элемента управления формой, например текстового <textarea> элемента управления или <input>.

OpaqueRange включает следующие возможности для встроенных предложений, выделений и всплывающих окон с привязкой:

  • Такие операции, как getBoundingClientRect() и getClientRects().
  • Интеграция с API пользовательского выделения CSS.

OpaqueRange сохраняет инкапсуляцию, предоставляя только смещения значений, и возвращает null для startContainer и endContainer.

См. также:

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

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

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

См. также:

Различает ошибки обработчика платежей в запросе на оплату

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

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

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

См. также:

Получать уведомления о завершении работы с методами scrollBy и scrollTo

Методы программной прокрутки, такие как scrollBy и scrollTo, теперь возвращают Promise объект, который разрешается после завершения прокрутки. Используйте это обещание для выполнения кода после завершения плавной прокрутки, не полагаясь на таймер или опрос событий прокрутки.

См. также:

Request.isReloadNavigation Атрибут

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

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

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

См. также:

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

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

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

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

См. также:

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

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

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

  • Элемент <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 проверки правописания Исправляет ошибки грамматики, орфографии и препинания в тексте с помощью встроенной языковой модели. См. также API проверки правописания. Регистрация
API запроса Запросы встроенную языковую модель из кода JavaScript веб-сайта или расширения. См. также API запроса. Регистрация
Запрос параметров выборки API Параметры topK выборки и temperature позволяют оптимизировать поведение модели для каждого сеанса языковой модели. Регистрация
Пользовательские дескрипторы WebAssembly Более эффективно хранит данные, связанные с типами исходного уровня, в пользовательских объектах-дескрипторов. Регистрация
<usermedia> ЭЛЕМЕНТ HTML Управляемый браузером ЭЛЕМЕНТ HTML для запроса доступа к камере или микрофону, заменяющий запросы разрешений на основе JavaScript. Регистрация
Эвристика обратимой навигации Предоставляет эвристики обратимой навигации для сбора метрик производительности в одностраничных приложениях. Регистрация
Расширенные текстовые метрики холста Расширяет API холста TextMetrics с помощью прямоугольников выбора, запросов ограничивающих полей и операций кластера глифов. Регистрация
WebNN Создавайте и выполняйте модели машинного обучения с аппаратным ускорением непосредственно в веб-приложении. Регистрация
focusgroup Атрибут HTML Стандартизирует навигацию с помощью клавиатуры для составных мини-приложений, таких как панели инструментов, вкладки, меню и группы радиосвязи. Регистрация
URL-адрес и хэши eval в CSP script-src В этой статье представлены хэши script-src url- и eval для директив CSP, заменяющие списки разрешений на основе имени узла и unsafe-eval. Регистрация
API веб-установки Позволяет веб-сайту устанавливать другой веб-сайт в качестве веб-приложения с помощью navigator.install(). Регистрация
<install> ЭЛЕМЕНТ HTML Декларативная установка других веб-сайтов в качестве веб-приложений с помощью <install> элемента . Регистрация
HTML на холсте Включает отрисовку HTML на холсте с помощью новых методов рисования paint и события. Регистрация
API цифровых учетных данных — поддержка выдачи Активирует выдачу учетных данных пользователя с сервера издателя учетных данных приложению цифрового бумажника. Регистрация
prerender_until_script Действие API правил спекуляции Действие API правил спекуляции, которое предварительно отрисовывает страницу, но переключается на предварительную выборку при выполнении скрипта. Регистрация
WebAudio Configurable Render Quantum Позволяет указать настраиваемый квантовый размер отрисовки при создании AudioContext или OfflineAudioContext. Регистрация
Активация предварительной отрисовки с помощью отправки формы Позволяет активировать правила предварительной отрисовки в API правил спекуляции при отправке форм. Регистрация
API производительности ЦП Предоставляет сведения о возможностях устройства пользователя для использования с API давления на вычисления. Регистрация
Списки разрешенных подключений Ограничивает подключения из документа или рабочей роли к распределенном на сервере списку конечных точек. Регистрация
Предварительная отрисовка iframes в нескольких источниках Предварительно отрисовывает iframes в нескольких источниках с помощью заголовка ответа согласия вместо того, чтобы отложить их до активации страницы. Регистрация
Время выполнения контейнера Отслеживает, когда отображается контейнер DOM с заметками и завершена первоначальная покраска. Регистрация
Разделение длительности стиля и макета в API длинных кадров анимации Добавляет styleDurationсвойства , forcedStyleDuration, layoutDurationи forcedLayoutDuration для более глубокого анализа производительности CSS. Регистрация
Декларативные скрипты модуля CSS Совместно использует декларативные таблицы стилей с теневыми корнями, включая декларативные теневые корни, используя встроенные модули стилей. Регистрация
Событие автозаполнения Определяет, когда браузер автоматически обновляет элементы управления формами для адаптации пользовательского интерфейса и проверки. Регистрация

Примечание.

Части этой страницы являются изменениями, основанными на работе, созданной и совместно используемой Chromium.org и используемой в соответствии с условиями, описанными в международной лицензии Creative Commons Attribution 4.0.

  • Last updated on