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

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

Edge получает новые инструменты для анализа производительности SPA

Одним из основных направлений работы Microsoft стала производительность веб-приложений. Современные сайты всё чаще используют архитектуру одностраничных приложений, при которой содержимое страницы обновляется без полноценной загрузки новой страницы.

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

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

Новые маркеры JavaScript помогут искать причины замедления

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

Из-за этого в собранных данных могут оставаться необъяснимые промежутки.

Для решения проблемы Microsoft добавляет специальные маркеры профилирования JavaScript. Они показывают, чем в конкретный момент занимался браузер при создании образца. В частности, речь идёт о таких операциях, как стилизация, расчёт компоновки, отрисовка и сборка мусора.

Благодаря этому разработчикам будет проще определить причину замедления при анализе трассировки производительности.

Функция пока доступна для тестирования в рамках Origin Trial.

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

Microsoft также внесла изменения в панель Network инструментов разработчика Edge, предназначенную для поиска проблем с сетевым взаимодействием.

Начиная с Edge 153, разработчики смогут нажать правой кнопкой мыши на сетевой запрос и выбрать его повторную отправку. Другой вариант позволяет отредактировать запрос и отправить его как запрос Fetch.

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

Microsoft планирует использовать эти возможности вместо экспериментального инструмента Network Console.

Microsoft готовит Edge к взаимодействию ИИ-агентов с сайтами

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

Microsoft сообщила о работе совместно с Web Machine Learning Community Group над WebMCP — веб-API, предназначенным для создания более быстрых и надёжных сценариев взаимодействия человека и ИИ-агента.

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

WebMCP также рассчитан на более эффективное выполнение задач машинного обучения непосредственно в браузере.

Реализация WebMCP в Edge уже доступна для тестирования. Microsoft предоставляет примеры, а также расширение для браузера, позволяющее запускать и отлаживать инструменты WebMCP.

OpaqueRange упрощает работу с текстом

Ещё одной новой возможностью стал API OpaqueRange, предназначенный для более удобной работы с текстом во время ввода.

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

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

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

Другие изменения Edge для разработчиков

Помимо перечисленных возможностей, Microsoft продолжает обновлять другие веб-инструменты браузера. Компания также представила новые версии Web Install API и готовит нативный элемент меню.

Таким образом, последние изменения Edge затрагивают сразу несколько направлений: диагностику производительности одностраничных приложений, анализ JavaScript, работу с сетевыми запросами, обработку текста и подготовку браузера к взаимодействию с ИИ-агентами.