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

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

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

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

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

См. статью Новые возможности средств разработки (Microsoft Edge 151).

WebView2

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

Функции CSS

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

Свойство CSS ruby-overhang

Свойство ruby-overhang CSS задает, могут ли заметки ruby перекрывать смежный текст.

Свойство принимает autoзначения , spaces и none для управления перевесом текста заметки рубина.

См. также:

Изменено начальное position-anchor значение на normal

Теперь начальным значением position-anchor свойства CSS является normal. Ранее начальное значение было none.

Это выравнивает Microsoft Edge с другими браузерами и спецификацией расположения привязки.

  • Если position-area задано значение none, normal ведет себя как none.
  • Если position-area для не задано значение none, normal ведет себя как auto.

См. также:

Функция CSS alpha()

Функция CSS alpha() создает новый цвет путем применения указанного альфа-значения к существующему цвету.

Например, alpha(from red / 0.5) создает полупрозрачный красный цвет с прозрачностью 50 %.

См. также:

animation-trigger действия больше не перемотка автоматически

Значения play, play-forwards и play-backwardsanimation-trigger свойства CSS указывают триггеру анимации на воспроизведение анимации.

Эти значения больше не перемотка анимации автоматически: если анимация уже запущена до завершения и playиспользуется или play-backwards используетсяplay-forwards, анимация не будет перезапускаться.

См. также:

Функции HTML

В Microsoft Edge включены следующие новые возможности HTML.

<usermedia> Элемент

Элемент <usermedia> HTML — это кнопка, предоставляемая браузером, которая при активации переключает потоки камеры или микрофона. При необходимости кнопка предлагает пользователю выбрать, следует ли предоставить странице доступ к камере и микрофону.

Эта кнопка, предоставляемая браузером, позволяет улучшить взаимодействие с пользователем, так как запрос на разрешение напрямую связан с намерением пользователя.

Элемент <usermedia> ранее был доступен в качестве пробной версии источника в более универсальном <permission> элементе. На основе отзывов разработчиков и других поставщиков браузеров <permission> элемент был переименован в конкретный <usermedia> элемент, чтобы обеспечить более специализированный и эффективный интерфейс для разработчиков.

См. также:

Эталонный целевой объект

Свойство referenceTargetShadowRoot объекта пересылает атрибуты, такие как for, aria-labelledby, popovertargetи commandfor , в элементы внутри теневой модели DOM. Его можно использовать, например, для связывания <label> с его <input>, даже если <input> объект находится в теневой модели DOM веб-компонента.

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

Целевой объект ссылки также можно задать в ФОРМАТЕ HTML с помощью атрибута shadowrootreferencetarget , как показано в следующем примере:

<label for="my-checkbox">Checkbox value</label>
<custom-checkbox id="my-checkbox">
  <template shadowrootmode="open" shadowrootreferencetarget="real-checkbox">
    <input id="real-checkbox" type="checkbox">
  </template>
</custom-checkbox>

См. также:

aria-actions Атрибут

Атрибут aria-actions HTML предоставляет дополнительные действия для составных интерактивных мини-приложений.

Например, атрибут можно использовать для aria-actions предоставления кнопки закрытия вкладки, которая является дополнительным действием для мини-приложения вкладки, как показано ниже.

<div class="tab" aria-actions="close-tab">
  Tab title
  <button id="close-tab">Close</button>
</div>

Вторичные действия, размещенные в составных интерактивных мини-приложениях, являются общим шаблоном пользовательского интерфейса. Атрибут aria-actions позволяет предоставлять эти дополнительные кнопки действий напрямую, чтобы улучшить возможность обнаружения для пользователей специальных возможностей (AT).

См. также:

shadowrootslotassignment атрибут декларативной теневой модели DOM

Атрибут shadowrootslotassignment элемента позволяет декларативным теневым корням использовать назначение слота <template> вручную.

Ранее назначение слота вручную было доступно только через JavaScript, как показано ниже.

attachShadow({slotAssignment: "manual"})

Теперь можно объявить назначение слота вручную с помощью HTML следующим образом:

<template shadowrootslotassignment="manual">
</template>

См. также:

Веб-API

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

API запроса разрешений на события устройства

Вы можете вызвать DeviceMotionEvent.requestPermission() и DeviceOrientationEvent.requestPermission() попросить браузер предоставить доступ к данным о движении устройства и ориентации на веб-странице.

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

См. также:

Повторяющиеся последовательные переходы игнорируются

Когда навигация уже выполняется, Microsoft Edge теперь игнорирует новый запрос навигации по тому же URL-адресу, что и предыдущий запрос на навигацию.

Повторяющиеся переходы в быстрой последовательности часто возникают из-за случайного двойного щелчка. Повторяющиеся навигации могут тратить ресурсы, отменяя текущую навигацию и запуская новую. Такая оптимизация повышает производительность и улучшает взаимодействие с пользователем.

См. также:

Время перенаправления между источниками в API синхронизации навигации

Заголовок Timing-Allow-Origin при использовании в цепочках перенаправлений между источниками предоставляет значения для redirectCountи redirectStartredirectEnd в целевой документ через API навигации по времени.

Это позволяет измерять и оптимизировать перенаправления между источниками.

См. также:

Поддержка LanguageDetector для китайского языка (традиционное и упрощенное письмо)

API LanguageDetector теперь может обнаруживать и различать текст, написанный на китайском языке (традиционное письмо) или китайском (упрощенное письмо).

API LanguageDetector возвращает код zh-Hant языка для китайского языка (традиционное письмо) и zh-Hans китайского (упрощенное письмо). Ранее API LanguageDetector возвращался zh для китайского языка (традиционное письмо) и китайского (упрощенное письмо).

См. также:

soft-navigation и interaction-contentful-paint записи о производительности

API производительности теперь включает два новых PerformanceEntry типа:

  • soft-navigation — сообщает об изменениях в журнале документов, инициированных взаимодействиями.
  • interaction-contentful-paint — сообщает о новых контентных красках в частях страницы, которые были изменены в результате взаимодействия с пользователем. Это помогает понять задержку загрузки взаимодействия.

Используйте эти новые записи для измерения производительности обратимой навигации. Мягкая навигация — это навигация на основе JavaScript в одностраничном приложении (SPA).

См. также:

Интерфейс предоставляется FontFaceSet глобально

Интерфейс FontFaceSet теперь предоставляется глобально.

Ранее FontFaceSet интерфейс не предоставлялся в качестве глобального свойства.

Это изменение сопоставляет Microsoft Edge со спецификацией загрузки шрифтов CSS, а также с Safari и Firefox.

См. также:

Правила спекуляции: form_submission поле

Теперь можно задать "form_submission": true поле для правила прерисовки в API правил спекуляции, чтобы разрешить активацию прерисовки с помощью навигации отправки формы.

Ранее отправка форм никогда не могла активировать предварительно отрисованную страницу. Теперь этот параметр "form_submission": true сообщает браузеру, что необходимо подготовить предварительную отрисовку, чтобы при отправке пользователем формы, url-адрес результата которой совпадал с предварительно отрисованным URL-адресом, прерисовка активируется немедленно.

Это полезно для форм поиска, в которых URL-адрес результата можно спрогнозировать заранее. Например, для предварительной отрисовки результата формы поиска, которая переходит в /search?q=foo, используйте следующие правила спекуляции:

<script type="speculationrules">
{
  "prerender": [
    {
      "urls": ["/search?q=foo"],
      "form_submission": true
    }
  ]
}
</script>

См. также:

Событие wheel указывает, является ли прокрутка импульса

Интерфейс WheelEvent теперь включает momentum атрибут, который указывает, является ли событие частью прокрутки импульса.

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

См. также:

Синтаксический анализ XML в Rust для сценариев, отличных от XSLT

Microsoft Edge теперь использует средство синтаксического анализа XML на основе Rust в сценариях, где обработка XSLT не требуется.

Средство синтаксического анализа XML Rust повышает безопасность, устраняя ошибки повреждения памяти при синтаксическом анализе XML. Это относится к следующему:

  • Веб-API DOMParser.
  • Свойство responseXML объекта XMLHttpRequest (XHR).
  • Документы SVG.

См. также:

textStream() метод для Response, Requestи Body

Интерфейсы Request, Responseи Blob теперь включают textStream() метод .

Метод textStream() предоставляет прямой способ чтения текста из байтового потока, не требуя предварительной передачи потока через TextDecoderStream().

См. также:

Пробные версии источника

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

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

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

Имя Описание Регистрация
Эвристика обратимой навигации Предоставляет эвристики обратимой навигации для сбора метрик производительности в одностраничных приложениях. Регистрация
URL-адрес и хэши eval в CSP script-src В этой статье представлены хэши script-src url- и eval для директив CSP, заменяющие списки разрешений на основе имени узла и unsafe-eval. Регистрация
API веб-установки Позволяет веб-сайту устанавливать другой веб-сайт в качестве веб-приложения с помощью navigator.install(). Регистрация
OpaqueRange Позволяет создавать динамические диапазоны над текстом внутри <input> и <textarea> элементами, которые автоматически обновляются по мере изменения пользователем. Эти диапазоны поддерживают методы геометрии, такие как getBoundingClientRect() и API пользовательского выделения CSS, который позволяет использовать такие варианты использования, как всплывающие окна с расположением курсора и встроенные проверка выделения непосредственно в элементах управления формы без клонирования элементов или предоставления внутренней структуры DOM. Регистрация
API цифровых учетных данных — поддержка выдачи Активирует выдачу учетных данных пользователя с сервера издателя учетных данных приложению цифрового бумажника. Регистрация
prerender_until_script Действие API правил спекуляции Действие API правил спекуляции, которое предварительно отрисовывает страницу, но переключается на предварительную выборку при выполнении скрипта. Регистрация
API производительности ЦП Предоставляет сведения о возможностях устройства пользователя для использования с API давления на вычисления. Регистрация
Списки разрешенных подключений Ограничивает подключения из документа или рабочей роли к распределенном на сервере списку конечных точек. Регистрация
focus-without-user-activation политика разрешений Предоставляет средству внедрения управление программным фокусом из внедренного содержимого focus-without-user-activation с помощью политики разрешений. Если политика запрещена для кадра, программные вызовы фокуса (element.focus(), , dialog.showModal()autofocuswindow.focus(), и фокусировка popover) блокируются, если они не активируются пользователем или фокус не делегирован. Регистрация
Расширенные текстовые метрики холста Расширяет API холста TextMetrics с помощью прямоугольников выбора, запросов ограничивающих полей и операций кластера глифов. Регистрация
WebAudio Configurable Render Quantum Позволяет указать настраиваемый квантовый размер отрисовки при создании AudioContext или OfflineAudioContext. Регистрация
Предварительная отрисовка iframes в нескольких источниках Предварительно отрисовывает iframes в нескольких источниках с помощью заголовка ответа согласия вместо того, чтобы отложить их до активации страницы. Регистрация
Время выполнения контейнера Отслеживает, когда отображается контейнер DOM с заметками и завершена первоначальная покраска. Регистрация
Разделение длительности стиля и макета в API длинных кадров анимации Добавляет styleDurationсвойства , forcedStyleDuration, layoutDurationи forcedLayoutDuration для более глубокого анализа производительности CSS. Регистрация
Запрос параметров выборки API Параметры topK выборки и temperature позволяют оптимизировать поведение модели для каждого сеанса языковой модели. Регистрация
<install> ЭЛЕМЕНТ HTML Декларативная установка других веб-сайтов в качестве веб-приложений с помощью <install> элемента . Регистрация
Декларативные скрипты модуля CSS Совместно использует декларативные таблицы стилей с теневыми корнями, включая декларативные теневые корни, используя встроенные модули стилей. Регистрация
HTML на холсте Включает отрисовку HTML на холсте с помощью новых методов рисования paint и события. Регистрация
Событие необработанного ввода геймпада Вместо того, чтобы полагаться на частые опросы через navigator.getGamepads(), веб-страницы могут прослушивать gamepadrawinputchanged события. Эти события активируются при обнаружении изменений между входными кадрами с одного устройства. Регистрация
Событие автозаполнения Определяет, когда браузер автоматически обновляет элементы управления формами для адаптации пользовательского интерфейса и проверки. Регистрация
Пользовательские дескрипторы WebAssembly версии 2 Более эффективно хранит данные, связанные с типами исходного уровня, в пользовательских объектах-дескрипторов. Регистрация
Измерение спекулятивной нагрузки performance.speculations предоставляет данные об используемых и неиспользуемых предварительных нагрузках, предварительных выборках и предварительных отрисовках. Это помогает измерять эффективность стратегий спекулятивной загрузки и оптимизировать компромиссы между производительностью и затратами. Регистрация
WebMCP Позволяет сайту регистрировать средства для агента в браузере для выполнения задач от имени пользователя. Регистрация
Протокол проверки Email Позволяет веб-сайтам проверять владение электронной почтой с помощью криптографических маркеров, выданных поставщиками электронной почты. Это снижает зависимость от одноразовых секретных кодов (OTP) электронной почты и упрощает процесс регистрации, входа и восстановления. Регистрация

Примечание.

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

  • Last updated on