Заметки о выпуске веб-платформы 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 shape. Вы можете указать значение длины, чтобы скруглить углы многоугольника, не вычисляя вручную кривые Безье.

Например, чтобы создать скругленный треугольник: 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 позволяет определить, где безопасно печатать.

См. также:

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:

  • Поведение блуждающего 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" Элементы теперь скрываются только тогда, когда скрыт элемент их предка 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 для фреймов и подключаемых модулей независимо от источника

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

  • Междоменные или ограниченные iframe (например, изолированные iframes).
  • Внедренные подключаемые модули (например, PDF-файлы).

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

См. также:

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

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

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

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

См. также:

Непрозрачное происхождение URL-адресов data:

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

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

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

См. также:

Миграция происхождения PWA

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

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

См. также:

Получение уведомлений scrollBy о завершении и scrollTo методов

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

См. также:

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

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

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

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

  • command
  • dictation
  • conversation

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

См. также:

WebGPU: Промежуточный

WebGPU теперь поддерживает непосредственные действия.

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

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

См. также:

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

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

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

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

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

Примечание.

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

  • Last updated on