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

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

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

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

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

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

WebView2

См . статью Выпуск пакета SDK 1.0.4078.44 для среды выполнения 150 (7 июля 2026 г.) в заметках о выпуске пакета SDK для WebView2.

Функции CSS

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

AccentColor и AccentColorText системные цвета

Системные AccentColor цвета и AccentColorText теперь можно использовать в качестве значений цвета CSS для доступа к цвету системного акцента, указанному на устройстве пользователя.

См. также:

Разрешить необязательный параметр округления для polygon()

Разрешает необязательный round параметр в функции фигуры polygon() CSS. Можно указать значение длины для округления углов многоугольников, не вычисляя кривые вручную.

Например, чтобы создать скруглый треугольник, выполните приведенные ниже действия. polygon(round 50px, 50% 0%, 0% 100%, 100% 100%)

См. также:

Анимируемое масштабирование

Свойство CSS zoom можно анимировать и интерполировать как <number>. Вы можете переходить и анимировать масштаб для плавного масштабирования элементов и их макета, дополняя существующее масштабирование на основе преобразования.

См. также:

Модификаторы запросов URL-адреса CSS

Следующие функции CSS можно использовать с функцией CSS url() для управления поведением получения указанного ресурса:

  • cross-origin()
  • integrity()
  • referrer-policy()

Например, background-image: url("image.png" cross-origin(anonymous)) извлекает изображение с помощью анонимного режима CORS.

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

  • Изображения.
  • Шрифты.
  • Ссылки на SVG.
  • Импортированные таблицы стилей.

См. также:

Свойство CSS text-fit

Свойство CSS text-fit масштабирует размер шрифта текстового узла в соответствии с шириной содержащего его поля.

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

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

См. также:

CSS background-clip: border-area

Свойство CSS background-clip: border-area обрезает фон элемента в области, закрашенной штрихами границы, принимая border-width во внимание и border-style принимая во внимание, игнорируя прозрачность из border-color.

Это позволяет использовать градиентные границы без border-image.

См. также:

Функция CSS image(<color>)

Функция CSS image() позволяет легко создать изображение сплошного цвета из любого цвета.

Например, чтобы создать сплошное красное фоновое изображение, используйте .background: image(red);

См. также:

CSS light-dark() со значениями изображений

Функция CSS light-dark() теперь принимает значения изображений (url(), image-set(), none).

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

Функцию light-dark() можно использовать со значениями изображений в следующих свойствах:

  • background-image
  • list-style-image
  • border-image-source
  • cursor
  • content

См. также:

Запросы контейнеров с разделитыми запятыми

Теперь @container правило поддерживает несколько запросов к контейнерам, разделенных запятыми. Правило @container применяется, если соответствует хотя бы один из запросов.

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

Пример:

@container --name1 not-supported(--foo: bar), --name2 (width > 600px) {}

См. также:

Предоставление непечатываемых областей с помощью CSS

Используйте свойство CSS page-margin-safety , чтобы избежать попыток печати в непечатаемых областях листа бумаги.

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

Поля страницы по умолчанию должны быть больше, чем эти области края бумаги, но если вы задаете поля в приложении и хотите добавить @page поля полей (например, для пользовательских колонтитулов), page-margin-safety свойство позволяет определить, где его безопасно печатать.

См. также:

Псевдоклассы элементов мультимедиа

Следующие псевдоклассы CSS соответствуют <audio> элементам и <video> в зависимости от их состояния:

  • :playing
  • :paused
  • :seeking
  • :buffering
  • :stalled
  • :muted
  • :volume-locked

См. также:

named-feature() функция для CSS @supports

Функция named-feature() позволяет правилам CSS @supports запрашивать небольшой набор определенных именованных признаков, которые невозможно протестировать с помощью других @supports механизмов, но которые полезны для тестирования.

См. также:

overscroll-behavior: chain

Теперь overscroll-behavior свойство CSS поддерживает chain значение .

Это свойство влияет на два независимых эффекта:

  • Распространение прокрутки.
  • Эффект локальной границы (например, чрезмерное растяжение).

Ранее overscroll-behavior имело три значения:

  • none: нет распространения, нет локального эффекта.
  • auto: распространение, локальный эффект.
  • contain: нет распространения, локальный эффект.

Эта функция добавляет новое значение для завершения набора:

  • chain: распространение, без локального эффекта.

См. также:

flex-wrap:balance

flex-wrap:balance позволяет распределять содержимое между каждым flex-line, чтобы макет выглядел более сбалансированным.

Это похоже на text-wrap:balance.

См. также:

Функции HTML

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

focusgroup Атрибут

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

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

  • Поведение roving tabindex .
  • Навигация с помощью клавиш со стрелками.
  • Память фокусировки; восстанавливает последний элемент фокусировки при повторном входе в фокус-группу.

Пример:

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

См. также:

popover="hint" изменения в поведении атрибутов

Поведение элементов с атрибутом popover="hint" изменилось, чтобы улучшить взаимодействие с popover="auto" элементами: открытие popover="hint" элемента больше не будет случайно закрывать несвязанные popover="auto" элементы.

Ранее взаимодействия между этими двумя типами всплывающих элементов могли быть сложными в некоторых ситуациях, таких как вложенные popover="auto" элементы внутри popover="hint" элементов.

popover="hint" Элементы теперь скрыты только в том случае, если их элемент ancester popover="auto" скрыт или при открытии нового, несвязанного popover="auto" .

Кроме того, теперь можно безопасно вложить popover="auto" элемент в popover="hint" элемент . popover="auto" Вложенный элемент будет вести себя как popover="hint" элемент . Это позволяет использовать такие варианты использования, как размещение настраиваемого <select> элемента в элементе popover="hint" .

См. также:

Обновление всего <selectedcontent> элемента в настраиваемом объекте <select>

Если в настраиваемом <select> элементе определено несколько <selectedcontent> элементов, все они теперь обновляются с помощью текущего выбранного параметра, а не только первого в порядке DOM.

См. также:

Потоковая передача не по заказу HTML

<template for> Используйте элемент HTML и диапазоны инструкций <?start><?end> обработки для обновления существующих частей документа без использования JavaScript.

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

См. также:

Веб-API

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

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

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

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

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

См. также:

MediaStreamTrackProcessor Счетчики кадров

Атрибуты discardedFrames и totalFrames теперь доступны в интерфейсе MediaStreamTrackProcessor .

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

  • Количество полученных кадров.
  • Количество кадров, которые были удалены из-за ограничений системных ресурсов.

См. также:

Непрозрачный источник URL-адресов data:

Выделенные рабочие роли и общие рабочие роли, созданные на основе data: URL-адресов, теперь назначаются уникальным непрозрачным источником вместо наследования источника создателя.

Это выравнивает Edge с HTML-Standard и повышает безопасность за счет изоляции этих рабочих ролей от состояния одного и того же источника, например BroadcastChannel, localStorageи IndexedDB.

Чтобы сохранить границы изоляции, эти рабочие роли остаются в том же разделе хранилища, что и их создатель (например, по сайту верхнего уровня или nonce).

См. также:

Миграция источника PWA

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

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

См. также:

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

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

См. также:

API веб-речи: качество распознавания на устройстве

Интерфейс SpeechRecognition теперь поддерживает quality свойство .

Свойство quality позволяет указать семантические возможности, необходимые для распознавания, которое использует processLocally: true, также известное как распознавание на устройстве.

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

  • command
  • dictation
  • conversation

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

См. также:

WebGPU: интерпретации

Теперь WebGPU поддерживает немедленные операции.

Эта функция добавляет адресное immediate пространство в WGSL и setImmediateData() методы для кодировщиков передачи отрисовки, прохода вычислений и отрисовки пакетов. Эти API можно использовать для передачи небольших часто обновляемых значений в шейдеры без создания буферов GPU или привязки групп.

Это полезно для отдельных данных, таких как индексы объектов, индексы материалов и значения преобразования.

См. также:

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

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

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

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

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

Примечание.

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

  • Last updated on