Ескертпе
Бұл бетке кіру үшін қатынас шегін айқындау қажет. Жүйеге кіруді немесе каталогтарды өзгертуді байқап көруге болады.
Бұл бетке кіру үшін қатынас шегін айқындау қажет. Каталогтарды өзгертуді байқап көруге болады.
Ниже приведены новые функции и обновления веб-платформы в Microsoft Edge 152, который выпускается 27 августа 2026 года.
Чтобы оставаться в курсе событий и получать новейшие функции веб-платформы, скачайте канал предварительных версий Microsoft Edge (бета-версии, для разработчиков или Canary); перейдите к Стать участником программы предварительной оценки Microsoft Edge.
Подробное содержание:
- Средства разработчика Microsoft Edge
- WebView2
- Возможности CSS
- Возможности HTML
-
Веб-API
- Запланированное прекращение поддержки события выгрузки
-
encryptionSchemeатрибут дляnavigator.mediaCapabilities.decodingInfo() - API производительности ЦП
-
Поддержка CSSPseudoElement для
::backdrop,::scroll-markerи::view-transitions - Списки разрешенных подключений
-
OpaqueRangeдля текста в элементе управления формы - WebGPU: управление размером подгруппы
-
audioSelection:preferredпараметр дляgetDisplayMedia()
- Исходные испытания
Средства разработчика Microsoft Edge
Узнайте о новых возможностях средств разработчика Microsoft Edge.
WebView2
См. заметки о выпуске для SDK WebView2.
Возможности CSS
В Microsoft Edge включены следующие новые функции каскадных таблиц стилей (CSS).
CSS alpha()
Функция CSS alpha() создает новый цвет путем применения указанного значения альфа-канала к существующему цвету.
Например, alpha(from red / 0.5) создается полупрозрачный красный цвет с непрозрачностью 50 %.
См. также:
- Относительные альфа-цвета в цветовом модуле CSS уровня 5.
Свойство CSS window-drag
При использовании в установленном прогрессивном веб-приложении (PWA) свойство window-drag CSS определяет области пользовательского интерфейса веб-приложения, которые работают как перетаскиваемые области строки заголовка окна.
При применении к элементу действие с помощью указателя щелчка и перетаскивания перемещает окно приложения верхнего уровня.
Это полезно для PWA, установленных в операционных системах настольных компьютеров, и приложений, использующих функцию наложения элементов управления окном для реализации пользовательских заголовков окон и перетаскиваемых областей, если заголовок окна браузера скрыт.
Свойство window-drag стандартизирует и переименовывает существующее app-region свойство.
См. также:
- Превращение региона в маркер перетаскивания окна вразделе Отображение содержимого в области заголовка окна с помощью наложения элементов управления окном.
- API наложения оконных элементов управления в MDN.
Псевдоклассы элементов мультимедиа
Следующие псевдоклассы CSS соответствуют <audio> и <video> элементы в зависимости от их состояния:
:playing:paused:seeking:buffering:stalled:muted:volume-locked
См. также:
-
:playingПсевдокласс CSS в MDN. -
:pausedПсевдокласс CSS в MDN. -
:seekingПсевдокласс CSS в MDN. -
:bufferingПсевдокласс CSS в MDN. -
:stalledПсевдокласс CSS в MDN. -
:mutedПсевдокласс CSS в MDN. -
:volume-lockedПсевдокласс CSS в MDN.
Возможности HTML
В Microsoft Edge включены следующие новые HTML-функции.
<camera> и <microphone> элементы
Элементы <camera> HTML и <microphone> HTML — это кнопки, предоставляемые браузером, которые после активации переключают потоки камеры или микрофона. При необходимости кнопка предлагает пользователю выбрать, следует ли предоставить странице доступ к камере и микрофону.
Элементы <camera> and используют тот же базовый механизм, что и <microphone> элемент, <usermedia> с одним ключевым различием: они предназначены для запроса одной возможности:
- Элемент
<camera>специально запрашивает запись на видео. - Элемент
<microphone>специально запрашивает захват звука.
Как <usermedia> и элемент, элементы and <camera><microphone> внедряют на страницу управляемый браузером пользовательский интерфейс со строгим стилем. Это гарантирует наличие сильного, преднамеренного сигнала пользователя перед срабатыванием запроса на разрешение или запуском потока.
См. также:
-
<usermedia>взаметках о выпуске веб-платформы Microsoft Edge 151 (июль 2026 г.).
Эталонный целевой объект
Свойство referenceTargetShadowRoot объекта пересылает такие атрибуты, popovertargetкак for, aria-labelledby, и commandfor элементам внутри теневой DOM. Например, его можно использовать для связывания a <label> с , <input>даже если он <input> находится в теневой DOM веб-компонента.
Когда теневой узел определяет элемент в своем теневом дереве в качестве ссылочного целевого объекта, все ID-адреса, указывающие на теневой узел, перенаправляются на ссылочный целевой элемент.
Целевой объект также можно задать в 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>
См. также:
-
referencetarget, в методе Element:attachShadow()в MDN. -
Shadowroot.referencetarget, вShadowRoot, в MDN. -
shadowrootreferencetargetв<template>элементе шаблона содержимого HTML в MDN.
autocorrect глобальный атрибут HTML
Глобальный autocorrect атрибут HTML определяет, следует ли автоматически исправлять орфографические и пунктуационные ошибки при вводе пользователем элементов <input> и в элементах с <textarea> атрибутом contenteditable .
См. также:
Веб-API
В Microsoft Edge включены следующие новые функции веб-API.
Запланированное прекращение поддержки события выгрузки
В Edge 152 будет представлена новая unload политика разрешений, позволяющая создавать прослушиватели событий выгрузки. Изначально allowзначением по умолчанию является , но между Edge 152 и Edge 155 значение по умолчанию будет постепенно перенесено в deny, так что обработчики выгрузки перестанут работать на страницах, если страница явно не даст согласие на их повторное включение. Чтобы явно включить обработчики событий выгрузки, используйте allow значение.
- Edge 152: обработчики выгрузки по умолчанию перестают работать для 60 % загрузок страницы, если сайт явно не разрешает обработчики выгрузки с помощью
unloadполитики разрешений. - Edge 154: увеличение загрузки страницы до 80 %.
- Edge 155: увеличение загрузки страницы до 100 %.
Это изменение осуществляется в проекте Chromium, на котором основан Microsoft Edge.
Событие выгрузки не является надежным способом выполнения следующих действий, поскольку браузеры и операционные системы могут приостанавливать или завершать страницы, не запуская событие выгрузки:
- Сохранение данных.
- Выполните очистку.
- Сообщить об окончании сеанса.
Использование события unload также может предотвратить использование страницами кэша обратной и прямой переадресации, что может замедлить переход туда и обратно.
Вам следует перейти на события жизненного цикла и API, предназначенные для описанных выше сценариев. Долгосрочное направление веб-платформы заключается в удалении поддержки события выгрузки.
См. также:
- Намерение не рекомендуется: Нерекомендуемое событие выгрузки
- Строка события выгрузки нерекомендуемых в Microsoft Edge: влияние на совместимость сайтов.
encryptionScheme атрибут для navigator.mediaCapabilities.decodingInfo()
В дополнение к атрибутам contentType and robustness теперь можно использовать атрибут encryptionScheme при запросе возможностей мультимедиа с помощью navigator.mediaCapabilities.decodingInfo().
Это позволяет определить, поддерживается ли определенное сочетание кодека, надежности и шифрования на устройстве пользователя, и, следовательно, определить, будет ли воспроизводиться зашифрованный носитель.
См. также:
API производительности ЦП
API производительности ЦП позволяет определить производительность ЦП устройства пользователя. Вы можете использовать эти сведения для улучшения взаимодействия с пользователем, возможно, в сочетании с API вычислительной нагрузки.
API нагрузки на вычислительные ресурсы предоставляет сведения о загрузке или использовании процессора пользовательским устройством и позволяет приложениям реагировать на изменения нагрузки на процессор.
См. также:
Поддержка CSSPseudoElement для ::backdrop, ::scroll-markerи ::view-transitions
Интерфейс CSSPseudoElement представляет псевдоэлемент CSS и может быть получен вызовом Element.pseudo() или CSSPseudoElement.pseudo().
Интерфейс CSSPseudoElement теперь поддерживает ::backdropэлементы , ::scroll-markerи ::view-transitions псевдо, в дополнение к элементам ::after, ::beforeи ::marker псевдо.
Использование интерфейса CSSPseudoElement с этими новыми псевдоэлементами позволяет делать следующее:
::backdrop: полезно для закрытия диалогового окна при щелчке на фоне, не мешая щелчкам внутри содержимого диалогового окна. Это устраняет необходимость в сложной логике пересечения, чтобы определить, где произошел щелчок.::scroll-marker: полезно для сбора статистики кликов.::view-transitions: позволяет перехватить переход "Вид" во время полета, чтобы начать новый переход "Вид", используя координаты анимируемого элемента во избежание внезапных визуальных переходов.
См. также:
- CSSPseudoElement в MDN.
- Элемент: метод pseudo() в MDN.
- CSSPseudoElement: метод pseudo() в MDN.
Списки разрешенных подключений
Списки разрешенных подключений позволяют объявлять и применять явные списки разрешений для конечных точек сети, до которых можно получить доступ с помощью сетевых API, таких как API выборки. Это улучшает управление сетью исходящего трафика и снижает риск непреднамеренных подключений.
Список авторизованных конечных точек распространяется с сервера через Connection-Allowlist заголовок HTTP-отклика. Перед подключением к серверу браузер сравнивает назначение с этим списком разрешений. Подключения к проверенным конечным точкам разрешены, но назначения, которые не совпадают с записями в списке разрешений, блокируются.
См. также:
OpaqueRange для текста в элементе управления формы
Используется OpaqueRange для представления динамического диапазона текста в значении элемента управления формы, например a <textarea> или на основе <input>текста.
OpaqueRange Позволяет выполнять следующие действия с диапазонами текста:
- Такие операции, как
getBoundingClientRect()и .getClientRects() - Интеграция с API настраиваемого выделения CSS.
Это включает такие сценарии, как встроенные предложения, выделение и закрепленные всплывающие окна.
OpaqueRange сохраняет инкапсуляцию, предоставляя только смещения значений, и возвращает null для startContainer и endContainer.
См. также:
- OpaqueRange в MicrosoftEdge/Demos.
- Попробуйте API-интерфейс OpaqueRange. Прекратите использовать div зеркала для измерения позиций текста во входных данных! на YouTube.
- Диапазон в MDN.
WebGPU: управление размером подгруппы
Функция GPU subgroup-size-control позволяет явно задать размер подгруппы в вычислительном шейдере.
Это полезно, когда требуется оптимизировать производительность вычислительного шейдера на определенных платформах, например для рабочих нагрузок ИИ.
См. также:
- API WebGPU в MDN.
- в спецификации WebGPU.
audioSelection:preferred параметр для getDisplayMedia()
Теперь getDisplayMedia() метод поддерживает эту audioSelection:preferred опцию.
Этот параметр позволяет указать в браузере, что вы предпочитаете делиться аудио вместе с видео.
См. также:
Исходные испытания
Ниже приведены исходные испытания новых экспериментальных API, доступных в Microsoft Edge.
Исходные испытания позволяют вам испытывать экспериментальные API на вашем собственном рабочем веб-сайте в течение ограниченного времени. Дополнительные сведения об исходных пробных версиях см. в статье Использование исходных испытаний в Microsoft Edge.
Полный список доступных исходных пробных версий см. в статье Пробные версии Microsoft Edge.
| Имя | Описание | Регистрация |
|---|---|---|
| Эвристика мягкой навигации | Предоставляет эвристику мягкой навигации для сбора метрик производительности в одностраничных приложениях. | Регистрация |
| URL-адреса и хэши оценки в CSP script-src | Введены хэши url и eval- для script-src директив CSP, заменяющие списки разрешений на основе имен хостов и unsafe-eval. |
Регистрация |
<install> элемент HTML |
Декларативно установите другие веб-сайты как веб-приложения с помощью <install> этого элемента. |
Регистрация |
focus-without-user-activation политика разрешений |
Предоставляет встраивателю управление программным фокусом от внедренного focus-without-user-activation содержимого через политику разрешений. Если политика запрещена для фрейма, программные вызовы фокуса (element.focus(), , autofocus, window.focus(), dialog.showModal()и всплывающее натяжение) блокируются, если только они не инициированы активацией пользователя или фокус не делегирован. |
Регистрация |
| Улучшенный Canvas TextMetrics | Расширяет API Canvas TextMetrics, добавляя прямоугольники выборки, запросы с ограничением и операции с кластером глифов. | Регистрация |
| Монтируемый квантовый рендеринг WebAudio | Позволяет указать пользовательский квантовый размер отрисовки при создании AudioContext или OfflineAudioContext. |
Регистрация |
| Время контейнера | Отслеживает, когда контейнер DOM с примечаниями отображается и завершает свою первоначальную отрисовку. | Регистрация |
| Разделение длительностей стилей и макетов в API длинных анимационных кадров | Добавляет styleDuration, forcedStyleDuration, layoutDuration, и forcedLayoutDuration свойства для более глубокого анализа производительности CSS. |
Регистрация |
| Запрашивать параметры выборки API | Параметры topK и temperature выборки позволяют оптимизировать поведение модели в каждом сеансе языковой модели. |
Регистрация |
| Декларативные сценарии модуля CSS | Использует общие декларативные таблицы стилей с теневыми корнями, включая декларативные теневые корни, с помощью встроенных модулей стилей. | Регистрация |
| API цифровых учетных данных — поддержка выдачи | Инициирует выдачу учетных данных пользователя с сервера выпуска учетных данных в приложение цифрового кошелька. | Регистрация |
prerender_until_script Действие API правил спекуляции |
Действие API правил спекуляций, которое предварительно отображает страницу, но переключается на предварительную выборку при выполнении сценария. | Регистрация |
| HTML в Canvas | Включает отрисовку HTML на холсте с помощью новых методов рисования и события paint . |
Регистрация |
| Событие ввода Gamepad raw | Вместо того, чтобы полагаться на частые опросы через navigator.getGamepads(), веб-страницы могут прислушиваться к gamepadrawinputchanged событиям. Эти события запускаются при обнаружении изменений между кадрами ввода с одного и того же устройства. |
Регистрация |
| WebMCP | Позволяет сайту регистрировать инструменты для агента в браузере, позволяющего выполнять задачи от имени пользователя. | Регистрация |
| Событие автозаполнения | Определяет, когда браузер обновляет элементы автозаполнения форм для адаптации пользовательского пользовательского интерфейса и проверки. | Регистрация |
| Протокол проверки Email | Позволяет веб-сайтам подтверждать право собственности на электронную почту с помощью криптографических маркеров, которые выпускаются поставщиками услуг электронной почты. Это снижает зависимость от одноразовых паролей электронной почты (OTP) и оптимизирует процессы регистрации, входа и восстановления. | Регистрация |
| Предварительная отрисовка междоменных фреймов iframe | Предварительная отрисовка фреймов iframe между источниками с помощью заголовка отклика opt-in вместо задержки до активации страницы. | Регистрация |
| Пользовательские дескрипторы WebAssembly V2 | Более эффективно хранить данные, связанные с типами исходного уровня, в пользовательских объектах-дескрипторах. | Регистрация |
| Измерение спекулятивной нагрузки |
performance.speculations Предоставляет данные об используемых и неиспользуемых предварительных загрузках, предварительных выборках и предварительных визуализациях. Это помогает измерить эффективность спекулятивных стратегий загрузки и оптимизировать соотношение производительности и затрат. |
Регистрация |
| Дополнительные алгоритмы WebCrypto | Позволяет использовать дополнительные алгоритмы WebCrypto, включая несколько алгоритмов PQ. Алгоритмы включены: ChaCha20-Poly1305, ML-DSA-44, ML-DSA-65, ML-DSA-87, ML-KEM-768, ML-KEM-1024, MLKEM768-X25519. | Регистрация |
| Канал данных WebRTC: протокол ускорения согласования SCTP (SNAP) | SNAP снижает задержку запуска канала данных WebRTC за счет встраивания параметров настройки соединения SCTP в обмен предложениями/ответами SDP. Поскольку WebRTC уже использует DTLS для создания защищенного канала, можно избежать отдельного рукопожатия SCTP, сэкономив до двух циклов передачи данных по сети и ускорив создание канала данных. | Регистрация |
Примечание.
Некоторые части этой страницы представляют собой измененные материалы, созданные и предоставленные на сайте Chromium.org. Их использование регулируется условиями, описанными в лицензии Creative Commons Attribution 4.0 International License.