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

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

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

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

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

Узнайте о новых возможностях средств разработчика Microsoft Edge.

WebView2

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

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

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

corner свойства краткости

Новое corner сокращенное свойство CSS задает как радиус, так и форму углов элемента в одном объявлении путем объединения border-radius свойств and corner-shape .

Например, вы можете:

.card {
  /* Equivalent to: border-radius: 20px; corner-shape: squircle; */
  corner: 20px squircle;
}

Следующие дополнительные свойства сочетания клавиш позволяют задать радиус и форму определенных углов:

  • Сокращения для углов: corner-top-left, corner-top-right, corner-bottom-left, и corner-bottom-right.
  • Сокращение физических границ, таких как corner-top и , corner-bottomкоторые устанавливают два угла ребра.
  • Логические сокращения граней, такие как corner-block-start и , corner-block-endкоторые устанавливают два угла края в зависимости от режима письма.

См. также:

text-decoration-inset свойство

Свойство text-decoration-inset CSS определяет, насколько далеко подчеркивания, надчерки и сквозные декорации вставляются от начального и конечного краев текста элемента или расширяются за их пределы.

text-decoration-inset Поддерживает указанные ниже типы значений.

  • auto, что позволяет браузеру определить соответствующую вставку на основе текста элемента и окружающего контекста.
  • Значение длины, например 20px.
  • Процентное значение, например 10%.
  • Одно или два значения. Это первое значение задает смещение начала. Второе значение, если указано, задает смещение окончания.

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

См. также:

Настраиваемое строковое значение для text-overflow

Свойство text-overflow CSS теперь принимает строковое значение, чтобы указать пользовательский текст, отображаемый, когда содержимое элемента переполнено и обрезается.

Ранее можно было использовать clip только значения "или ellipsis ". Настраиваемая строка позволяет создавать индикаторы переполнения, которые лучше подходят для вашего контента, например:

.summary {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: " (more)";
}

См. также:

position-visibility: anchor-valid и anchor-visible

При использовании позиционирования привязки CSS свойство position-visibility CSS управляет тем, когда элемент, расположенный в привязке, скрыт. Теперь position-visibility свойство поддерживает следующие значения:

  • anchor-valid (новый) - Элемент с привязкой отображается только в том случае, если существует его элемент привязки по умолчанию, и поэтому элемент может быть расположен относительно него.

  • anchor-visible - Элемент, расположенный в привязке, отображается только в том случае, если его элемент привязки по умолчанию виден хотя бы частично. Это значение заменяет предыдущее anchors-visible .

Значение множественного числа anchors-visible в настоящее время устарело и является псевдонимом anchor-visible. Используйте anchor-visible вместо этого.

См. также:

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

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

Режим только значков для <camera>элементов , <microphone>и <geolocation>

Элементы <camera>, <microphone>и <geolocation> элементы HTML теперь поддерживают атрибут, displaymode который можно использовать для отображения этих элементов в виде компактных кнопок, содержащих только значки, без текста. Например, вы можете:

<camera displaymode="icon-only"></camera>

Кнопки только со значками полезны в макетах с ограниченным пространством, например в элементах управления картой или перемещаемых панелях инструментов для видео. В режиме "Только значки" элементы имеют те же гарантии безопасности и остаются полностью доступными для средств чтения с экрана.

См. также:

Веб-API

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

Обновленные методы вставки и потоковой передачи HTML

Следующие методы вставки и потоковой передачи HTML предоставляют более последовательный способ динамической вставки HTML в существующий документ:

  • Позиционные методы, которые принимают HTML в качестве аргумента и эффективно заменяют insertAdjacentHTML():
    • beforeHTML() и beforeHTMLUnsafe()
    • afterHTML() и afterHTMLUnsafe();
    • appendHTML() и appendHTMLUnsafe();
    • prependHTML() и prependHTMLUnsafe();
    • replaceWithHTML() и replaceWithHTMLUnsafe()
  • Потоковые методы, которые возвращают WritableStream объект, анализирующий текст HTML, который вы ему пишете:
    • streamHTML() и streamHTMLUnsafe()
    • streamAppendHTML() и streamAppendHTMLUnsafe();
    • streamPrependHTML() и streamPrependHTMLUnsafe();
    • streamReplaceWithHTML() и streamReplaceWithHTMLUnsafe();
    • streamBeforeHTML() и streamBeforeHTMLUnsafe();
    • streamAfterHTML() и streamAfterHTMLUnsafe()

Кроме того, вы можете установить runScripts этот параметр при true вызове любого из небезопасных методов вставки или потоковой передачи HTML, чтобы метод запускал сценарии аналогично createContextualFragment().

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

До появления этих методов вы уже могли динамически обновлять HTML из скриптов, используя несколько разрозненных API, каждый из которых имел свои тонкие различия. Например, вы можете:

  • Частичное обновление элемента с помощью insertAdjacentHTML().
  • Очистка HTML с помощью setHTML().
  • Выполнение сценариев с помощью createContextualFragment().
  • Stream HTML с помощью отдельного документа.

Такое множество разрозненных API могут запутать и быть сложными в использовании. При неправильном использовании такие API также могут вызывать проблемы безопасности.

См. также:

API дезинфицирующего средства: javascriptURLs параметр

API Sanitizer теперь предоставляет javascriptURLs параметр конфигурации и setJavascriptURLs() метод для управления javascript: удалением URL-адресов, используемых для навигации, например, в href атрибуте <a> элемента, при санитарной обработке HTML.

Ранее удаление javascript: URL-адресов зависело от используемого метода:

  • Безопасные методы, такие как setHTML(), всегда удаляют javascript: URL-адреса.
  • Небезопасные методы, такие как setHTMLUnsafe(), никогда не удаляли javascript: URL-адреса.

Удаление javascript: URL-адресов является явной частью настройки дезинфицирующего средства, которую можно использовать с любым методом.

Если вы не используете новый параметр, поведение останется неизменным.

См. также:

HTML-in-canvas

API HTML-in-canvas позволяет превратить элементы HTML в <canvas> элемент, чтобы вы могли использовать canvas для настройки отображения HTML-содержимого, сохраняя при этом доступность, интерактивность и правильную компоновку содержимого.

Например, вы можете использовать HTML-in-canvas для рендеринга следующего:

  • Стилизация текста на диаграммах.
  • Богатый контент в инструментах для творчества.
  • Внутриигровые меню.
  • HTML-содержимое на экранах внутри трехмерной сцены.

HTML-in-Canvas предоставляет следующие примитивы:

  • Атрибуты для выбора потомков <canvas> элемента в макете и рисовании.
  • Методы рисования элементов на холсте: drawElementImage() для контекстов 2D-холста и эквивалентные методы для WebGL и WebGPU.
  • Событие paint , которое возникает, когда необходимо обновить нарисованные элементы на холсте.
  • Методы синхронизации геометрии нарисованных элементов с DOM, для тестирования на попадание и доступности.

См. также:

API длинных анимационных кадров: продолжительность стиля и макета

API длинных анимационных кадров теперь сообщает о том, сколько времени было потрачено на расчеты стиля и макета, чтобы вы могли отличать время стиля от времени макета при анализе медленных кадров:

  • PerformanceLongAnimationFrameTiming объекты имеют новые styleDuration свойства AND layoutDuration , которые сообщают о времени, затраченном на пересчет стилей и обновление макета, в рамках обновления отрисовки.
  • PerformanceScriptTiming Объекты имеют новые forcedStyleDuration свойства AND forcedLayoutDuration , которые сообщают о времени, затраченном на вычисления стиля и макета, вызванные синхронно сценариями.

См. также:

Принудительное применение CORS для API фоновой выборки

API фоновой выборки теперь обеспечивает общий доступ к ресурсам независимо от источника (CORS).

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

См. также:

ProgressEvent в служебных сценариях

Интерфейс ProgressEvent теперь доступен в служебных сценариях. Конструктор в служебном сценарии можно использовать ProgressEvent() для создания событий хода lengthComputableвыполнения с помощью свойств , loadedи total .

Это приводит служебные сценарии в соответствие с другими рабочими контекстами и со стандартом XMLHttpRequest.

См. также:

Веб-Bluetooth: BluetoothRemoteGATTServer это EventTarget

Интерфейс BluetoothRemoteGATTServer теперь наследует от EventTarget, и, следовательно, addEventListener()предоставляет методы , removeEventListener()и dispatchEvent() .

Это позволяет отправлять события уровня соединения непосредственно в объект сервера GATT.

См. также:

WebGPU: atomic-vec2u-min-max компонент

Функция atomic-vec2u-min-max WebGPU позволяет использовать 64-разрядные атомарные минимальные и максимальные операции со atomic<vec2u> значениями в шейдерах WebGPU Shading Language (WGSL).

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

См. также:

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

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

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

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

Имя Описание Регистрация
Событие ввода Gamepad raw Вместо того, чтобы полагаться на частые опросы через navigator.getGamepads(), веб-страницы могут прислушиваться к gamepadrawinputchanged событиям. Эти события запускаются при обнаружении изменений между кадрами ввода с одного и того же устройства. Регистрация
Управление эвристикой окна просмотра в API правил спекуляций Позволяет управлять эвристикой окна просмотра, используемой правилами спекуляций, чтобы определить, дают ли разные параметры эвристики лучшие результаты, чем параметры по умолчанию. Регистрация
API замены образа агента пользователя Позволяет наблюдать, когда функции браузера заменяют изображения в содержимом страницы. Эти функции браузера в настоящее время ограничены некоторыми сайтами. Регистрация
Событие автозаполнения Определяет, когда браузер обновляет элементы автозаполнения форм для адаптации пользовательского пользовательского интерфейса и проверки. Регистрация
Предварительная отрисовка междоменных фреймов iframe Предварительная отрисовка фреймов iframe между источниками с помощью заголовка отклика opt-in вместо задержки до активации страницы. Регистрация
Измерение спекулятивной нагрузки performance.speculations Предоставляет данные об используемых и неиспользуемых предварительных загрузках, предварительных выборках и предварительных визуализациях. Это помогает измерить эффективность спекулятивных стратегий загрузки и оптимизировать соотношение производительности и затрат. Регистрация
Запрашивать параметры выборки API Параметры topK и temperature выборки позволяют оптимизировать поведение модели в каждом сеансе языковой модели. Регистрация
PrefetchAndPrerenderActivationBeacon Позволяет браузеру Edge надежно сообщать о маяке активации при активации предварительной или предварительно отрисованной страницы. Регистрация
prerender_until_script Действие API правил спекуляции Действие API правил спекуляций, которое предварительно отображает страницу, но переключается на предварительную выборку при выполнении сценария. Регистрация
Маркеры Self-Profiling JS Расширяет JS Self-Profiling API с помощью таких маркеров примеров, layoutstyleкак script, gcи paint. Эти маркеры определяют действия, которые браузер выполнял во время записи. Регистрация
Протокол проверки Email Позволяет веб-сайтам подтверждать право собственности на электронную почту с помощью криптографических маркеров, которые выпускаются поставщиками услуг электронной почты. Это снижает зависимость от одноразовых паролей электронной почты (OTP) и оптимизирует процессы регистрации, входа и восстановления. Регистрация
Пользовательские дескрипторы WebAssembly V2 Более эффективно хранить данные, связанные с типами исходного уровня, в пользовательских объектах-дескрипторах. Регистрация
API декларативного наблюдателя производительности Использует заголовки отклика HTTP для подтверждения надежности управляемой браузером системы телеметрии, которая сообщает метрики производительности для сайта, от инициации перехода до завершения страницы. Регистрация
WebMCP Позволяет сайту регистрировать инструменты для агента в браузере, позволяющего выполнять задачи от имени пользователя. Регистрация
Список разрешенных подключений Внедренное принудительное применение Позволяет встраивателю использовать connectionallowlist атрибут <iframe> элемента, чтобы требовать, чтобы документ во фрейме ограничивал свои исходящие сетевые подключения объявленным списком разрешений. Если документ во фрейме не предоставляет соответствующий Connection-Allowlist заголовок, его ответ блокируется. Регистрация

Примечание.

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

  • Последнее обновление: