Microsoft обновила инструменты Edge для веб-разработчиков
Почему интерфейс зависает после нажатия кнопки, хотя страница не перезагружается? Microsoft представила новые инструменты Microsoft Edge для разработчиков, которые помогают исследовать такие задержки в одностраничных приложениях. В том же обзоре компания рассказала о сетевой отладке, работе с текстом и экспериментальном WebMCP. Возможности находятся на разных стадиях доступности.
В одностраничных приложениях, или SPA, содержимое может обновляться без полной загрузки страницы. Показатели soft-navigation и interaction-contentful-paint помогают измерять такие переходы и оценивать, когда после действия пользователя появился новый контент.
Другая проблема возникает при профилировании JavaScript: трассировка показывает работу скрипта, но оставляет промежутки, в которые браузер мог рассчитывать стили, размещать элементы, рисовать страницу или собирать мусор. Microsoft добавляет в JavaScript Self-Profiling API маркеры этих операций. Их можно испытать через origin trial; сами маркеры пока относятся к возможностям для раннего тестирования.
Для проверки сетевых запросов в Edge 153 предусмотрены две команды в панели Network. Resend повторно отправляет запрос, например XHR или Fetch. Команда Edit and resend as fetch помещает редактируемый вызов fetch() в консоль: разработчик может изменить параметры и отправить его самостоятельно. Microsoft планирует со временем заменить этими действиями экспериментальный Network Console.
Отдельно Edge предлагает протестировать WebMCP. Этот экспериментальный веб-API позволяет сайту предоставлять браузерному AI-агенту структурированные инструменты для выполнения задач. Microsoft подготовила примеры и расширение для их запуска и отладки. Готовность реализации к тестированию не означает, что WebMCP стал стабильным стандартом.
Ещё одно дополнение, OpaqueRange API, помогает работать с фрагментами текста внутри полей <input> и <textarea>. Разработчик может получить положение фрагмента на экране, разместить рядом с ним элемент интерфейса или подсветить текст. Диапазон остаётся связанным с текстом при его редактировании.
Все эти инструменты помогают исследовать поведение сайта, но сами по себе не ускоряют его. Сначала разработчику нужно определить причину задержки по измерениям, а затем изменить код и проверить результат.
Источник: Microsoft Edge Blog
