Поделиться через

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

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

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

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

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

См. раздел Новые возможности в средствах разработки (Microsoft Edge 140).

WebView2

См . статью 1.0.3485.44 в заметках о выпуске пакета SDK для WebView2 (сентябрь 2025 г.).

Функции веб-платформы

Функции CSS

Свойство CSS caret-animation

Microsoft Edge поддерживает анимацию caret-color свойства CSS. Однако при анимации анимация мешает мигающее поведение курсора по умолчанию.

Теперь caret-animation свойство поддерживает два значения:

  • auto: по умолчанию происходит мигание браузера.
  • manual: вы управляете анимацией курсора.

См. также:

counter() и counters() в альтернативном тексте content свойства CSS

Функции counter() CSS и counters() теперь можно использовать в альтернативной текстовой content части свойства CSS.

Например:

::before {
  content: url("images/chapter-separator.png") / "Chapter" counter(chapter);
}

См. также:

Свойство CSS scroll-target-group

Свойство scroll-target-group: auto CSS указывает, что элемент является контейнером группы маркеров прокрутки.

Браузер отслеживает текущий маркер прокрутки в контейнерах группы маркеров прокрутки и позволяет создавать стили <a> элементов с помощью псевдокласса :target-current .

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

<style>
  ol {
    right: 10px;
    top: 10px;
    position: fixed;
    scroll-target-group: auto;
  }

  a:target-current {
    color: red;
  }

  .chapter {
    height: 60vh;
    margin: 10px;
  }
</style>
<ol>
  <li><a href="#intro">Introduction</a></li>
  <li><a href="#ch1">Chapter 1</a></li>
  <li><a href="#ch2">Chapter 2</a></li>
</ol>
<div id="intro" class="chapter">Introduction content</div>
<div id="ch1" class="chapter">Chapter 1 content</div>
<div id="ch2" class="chapter">Chapter 2 content</div>

См. также:

Арифметика типа CSS

Типизированные арифметические данные в CSS позволяют записывать такие выражения, как calc(10em / 1px) или calc(20% / 0.5em * 1px) для получения унитарных значений. Унитарные значения могут быть полезны для таких случаев, как типография.

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

См. также:

Просмотр изменения времени ожидания перехода finished

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

Сроки finished выполнения обещания теперь изменены для решения этой проблемы.

См. также:

Просмотр переходов: дополнительные свойства анимации наследуются

Следующие свойства анимации CSS теперь наследуются псевдоэлесятами перехода представления:

  • animation-timing-function
  • animation-iteration-count
  • animation-direction
  • animation-play-state
  • animation-delay

См. также:

Переходы вложенных представлений

Переходы вложенных представлений позволяют переходам представления создавать вложенное дерево псевдоэлейных элементов, а не плоское дерево псевдоэлейных элементов, что позволяет некоторым переходам представления больше напоминать их исходные элементы.

Некоторые функции CSS зависят от связи между элементами в дереве DOM, например:

  • Обрезка из overflowсвойств , clip-pathили border-radius .
  • Трехмерные эффекты свойств transform, transform-styleили perspective .
  • Маскирование и эффекты свойств opacity, mask-imageили filter .

Визуальные выходные данные этих эффектов зависят от структуры дерева DOM, а переход представления, который выравнивает дерево DOM, может привести к тому, что эти эффекты не будут работать должным образом.

См. также:

font-variation-settings дескриптор в @font-face правилах

@font-face теперь правила поддерживают font-variation-settings свойство .

Свойство font-variation-settings позволяет настраивать вес, ширину, наклон и другие оси шрифта для отдельных элементов. font-variation-settings Теперь свойство также можно использовать в @font-face объявлениях правил, что позволяет сократить количество повторений и упростить определение стилей типографии.

См. также:

Веб-API

__Http- и __HostHttp- префиксы имен файлов cookie

Чтобы различать на стороне сервера файлы cookie, заданные сервером и клиентом, __Http- теперь в файлах cookie доступны префиксы и __HostHttp- имена.

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

См. также:

overscroll-behavior распространение из <html> в окно просмотра

Ранее overscroll-behavior распространялся из в <body> окно просмотра страницы. Теперь overscroll-behavior свойство распространяется из корневого <html> элемента в окно просмотра.

Это выравнивает Microsoft Edge с другими браузерами.

См. также:

min параметр для ReadableStreamBYOBReader.read(view)

Параметр min ДЛЯ ReadableStreamBYOBReader.read(view) API позволяет требовать, чтобы поток ждал, пока не будет доступно по крайней мере минимальное количество элементов, прежде чем разрешать операцию чтения.

ReadableStreamBYOBReader.read(view) API позволяет предоставить представление буфера, в котором считываются потоковые данные. Новый min параметр можно использовать, чтобы избежать разрешения операций чтения потока с меньшим количеством элементов, чем может вместить представление, что полезно для приложений, чувствительных к производительности, где потребителям часто требуется минимальное количество элементов, прежде чем они смогут приступить к декодированию, синтаксическому анализу или другой логике обработки.

См. также:

container параметр для scrollIntoView()

По умолчанию scrollIntoView() функция прокручивает каждый предок элемента, который также является контейнером прокрутки.

Функция scrollIntoView() теперь поддерживает container параметр, который можно использовать для прокрутки только ближайшего предка.

Например:

slideList.addEventListener('click', event => {
  // scrollIntoView will automatically determine the position.
  event.target.targetSlide.scrollIntoView({container: 'nearest', behavior: 'smooth'});
});

См. также:

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

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

Новые сведения о времени предоставляют:

  • Совпадающий маршрут (маршрут, который вычислен API статической маршрутизации).
  • Фактический источник, из которого был получен ресурс.
  • Время, необходимое для сопоставления маршрута.

См. также:

Скрипт SharedWorker наследует контроллеры для URL-адресов BLOB-объектов

SharedWorker Экземпляры теперь наследуют контроллеры для URL-адресов BLOB-объектов. Это обеспечивает согласованность Microsoft Edge с другими браузерами.

См. также:

Атрибут Popover ToggleEvent source

Атрибут source экземпляров popover ToggleEvent теперь ссылается на элемент, который активировал ToggleEvent, если применимо.

Например, если <button> пользователь щелкнул элемент с popovertarget атрибутом или commandfor атрибут, настроенный для открытия всплывающего окна, то ToggleEvent для атрибута source задана кнопка вызова.

См. также:

Преобразование Uint8Array в формат base64 в шестнадцатеричный

Uint8Array У объектов есть следующие новые методы для преобразования между форматами данных Base64 и Hex:

  • Uint8Array.fromBase64()
  • Uint8Array.fromHex()
  • Uint8Array.prototype.toBase64()
  • Uint8Array.prototype.toHex()
  • Uint8Array.prototype.setFromBase64()
  • Uint8Array.prototype.setFromHex()

См. также:

API highlightsFromPoint

highlightsFromPoint API позволяет взаимодействовать с пользовательскими выделениями, определяя, какие выделения существуют в определенной точке документа.

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

См. также:

Удаленные компоненты

Удалены специальные правила размера шрифта для <h1> некоторых элементов

Ранее специальные поля и размеры шрифта применялись к <h1> элементам, вложенным в <article>элементы , <aside>, <nav>и <section> .

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

См. также:

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

Ниже приведены новые экспериментальные API, которые можно попробовать на собственном веб-сайте в течение ограниченного времени.

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

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

Пробные версии источника только для Microsoft Edge

Расширения область веб-приложения

Срок действия : 31 августа 2025 г.

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

Расширения области позволяют представлять веб-приложения, использующие несколько поддоменов и доменов верхнего уровня, в виде одного веб-приложения.

{
  "name": "Example app",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {
      "type": "type",
      "origin": "https://example.com"
    }
  ]
}

Источники, перечисленные в элементе scope_extensions , должны подтвердить, что они связаны с веб-приложением, путем размещения файла конфигурации с именем .well-known/web-app-origin-association. В файле должен быть указан источник веб-приложения:

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}
Устаревание MS High Contrast

Срок действия истекает 9 сентября 2025 г.

Пробная версия источника ms High Contrast Deprecation включает устаревший запрос к носителю CSS -ms-high-contrast и устаревшее -ms-high-contrast-adjust свойство.

См. статью Нерекомендуемая поддержка для -ms-high-contrast и -ms-high-contrast-adjust.

AriaNotify API

Срок действия истекает 14 октября 2025 г.

API AriaNotify позволяет приложению напрямую сообщать средству чтения с экрана, что следует сказать при изменении содержимого веб-страницы, инициированного не пользователем. В самом простом сценарии вызов выполняется ariaNotify("foo") в документе или элементе .

См . статью Создание более доступных веб-сайтов с помощью Aria Notify.

API сведений о приобретении

Срок действия истекает 18 декабря 2025 г.

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

Примечание.

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