Що нового в Microsoft Edge для веброзробників

Останні оновлення Microsoft Edge для веброзробників стосуються вимірювання продуктивності, налагодження, взаємодії сайтів із ШІ-агентами та роботи з текстом у формах. Важливо зважати на статус кожної можливості: одні вже описані в релізах Edge або документації DevTools, інші призначені для експериментів, а запланований елемент меню поки не варто використовувати в робочих проєктах. 16333940

Як виміряти повільні переходи в SPA

Звичайні метрики завантаження сторінки не показують повної картини в односторінковому застосунку (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() у консолі. Такі інструменти спрощують налагодження запитів, але самі по собі не пришвидшують мережеве з’єднання. Новий сценарій описаний в оновленні для розробників, а документація Edge пояснює, як повторно надсилати запити. 118

WebMCP: структуровані дії для агентів перегляду сайтів

WebMCP — це перспективний спосіб надати агенту структуровані дії, доступні на сайті. Ідея полягає в тому, щоб агент міг взаємодіяти із сайтом через оголошені інструменти чи дії, а не покладатися лише на візуальне розпізнавання сторінки. Microsoft описує WebMCP як ранню функцію для тестування, тож її варто вважати експериментальною, а не доступною всім користувачам. 1

OpaqueRange для роботи з текстом у полях форми

OpaqueRange представляє живий діапазон тексту в текстовому елементі <input> або <textarea>. На його основі можна створювати функції, прив’язані до конкретного фрагмента тексту, наприклад розміщувати пов’язані елементи інтерфейсу чи підсвічувати текст. Водночас API не відкриває внутрішню структуру текстових вузлів елемента керування. Microsoft зазначає OpaqueRange серед оновлень вебплатформи в Edge 152. 133

Web Install API: тестуйте з урахуванням обмежень

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 чи маркери профілювання JavaScript, перевірте вимоги до тестування й підтримку в актуальному випуску. Нативний елемент меню поки залишається планом. 1618333940