Что нового в Microsoft Edge для веб-разработчиков

Обновления Microsoft Edge для веб-разработчиков охватывают производительность одностраничных приложений (SPA), отладку JavaScript и сетевых запросов, взаимодействие сайтов с ИИ-агентами и работу с текстом в полях ввода. Важно учитывать статус каждой возможности: одни уже описаны в документации и обновлениях Edge, другие предназначены для экспериментов, а нативный элемент меню пока заявлен как план. 16333940

Как измерять переходы внутри SPA

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

В Performance API Edge появились два типа записей. soft-navigation отмечает инициированные действиями пользователя изменения истории в рамках того же документа. interaction-contentful-paint показывает появление нового содержимого в части страницы, которая изменилась после взаимодействия. Эти данные помогают связать переход с моментом, когда показался обновлённый контент. 40

В примечаниях к выпускам Edge также описаны эвристики soft navigation для сбора метрик в SPA. Это диагностические сигналы: они помогают исследовать задержки, но сами по себе приложение не ускоряют. 3940

Понять, чем занят браузер при профилировании JavaScript

Маркеры JavaScript Self-Profiling добавляют контекст о работе браузера между замерами выполнения JavaScript. Среди таких задач — применение стилей, раскладка, отрисовка и сборка мусора. Это помогает отличить время, потраченное на код приложения, от времени на другие операции браузера. Перед использованием в рабочем процессе стоит проверить актуальную документацию Edge и доступность функции. 1

Повторять и редактировать запросы в DevTools

Команда Resend в инструменте Network повторно отправляет перехваченный запрос без перезагрузки страницы. Это удобно, когда нужно проверить результат повторного запроса. 18

В обновлённом сценарии Edit and resend as Fetch запрос можно изменить и отправить как вызов fetch() из Console. Так проще быстро проверить, как сервер ответит на запрос с другими параметрами. Эти возможности упрощают отладку, но не увеличивают скорость сетевого соединения. 118

Подготовить сайт к взаимодействию с ИИ-агентами с WebMCP

WebMCP — развивающийся подход, который позволяет сайту предоставлять агенту структурированные действия. Идея в том, чтобы агент мог обращаться к объявленным инструментам или действиям сайта, а не полагаться только на визуальную интерпретацию страницы. Microsoft описывает WebMCP как раннюю возможность для тестирования, поэтому её не следует считать доступной всем пользователям. 1

Создавать текстовые интерфейсы с OpaqueRange

OpaqueRange представляет актуальный диапазон текста внутри текстового <input> или <textarea>. Это позволяет создавать взаимодействия, привязанные к выделенному фрагменту, например размещать рядом с ним элементы интерфейса или подсвечивать текст. При этом API сохраняет инкапсуляцию поля и не раскрывает внутренние текстовые узлы. Microsoft включила OpaqueRange в обновления веб-платформы Edge 152. 133

Тестировать установку веб-приложений

Web Install API позволяет сайту запросить установку другого веб-приложения с помощью асинхронной функции navigator.install(), используя встроенный в браузер сценарий установки. Microsoft объявила о возможности тестировать API на сайте через origin trial в Edge. Origin trial — это режим пробного доступа, а не гарантия поддержки во всех браузерах и для всех пользователей. 6

Нативный элемент меню пока только планируется

Microsoft также описала планы по нативному элементу <menu> со встроенным поведением меню. Пока это лишь запланированная функция: не стоит считать её общедоступной или строить на ней поведение для рабочего сайта, пока поддержка не будет подтверждена. 1

Что можно попробовать

Для практической проверки Edge документирует повтор сетевых запросов в DevTools, а в примечаниях к Edge 152 перечислена поддержка OpaqueRange. Для Web Install API заявлен путь тестирования через origin trial. Перед тем как полагаться на soft-navigation-метрики, маркеры профилирования или WebMCP, проверьте требования и доступность в текущей версии браузера. Нативный элемент меню пока остаётся планом. 1618333940