Co nowe funkcje Microsoft Edge oznaczają dla twórców stron?

Najnowsze aktualizacje Microsoft Edge dla deweloperów dotyczą pomiaru wydajności, debugowania, współpracy witryn z agentami AI i pracy z tekstem. Najważniejsze jest to, że funkcje są na różnych etapach: część opisano w dokumentacji Edge i DevTools, część można testować eksperymentalnie, a planowany natywny element menu nie jest jeszcze rozwiązaniem, na którym warto opierać produkcyjną stronę. 16333940

Jak mierzyć wolne przejścia w aplikacji SPA

Standardowe pomiary ładowania strony nie zawsze pokazują, co dzieje się w aplikacji jednostronicowej (SPA). Użytkownik może przechodzić między widokami bez wczytywania nowego dokumentu. W Edge API Performance udostępnia dwa rodzaje wpisów, które pomagają analizować takie zmiany: soft-navigation rejestruje zmianę historii w obrębie tego samego dokumentu, zainicjowaną przez interakcję, a interaction-contentful-paint informuje o pojawieniu się nowej treści w obszarze zmienionym po działaniu użytkownika. 40

W informacjach o wydaniu Edge opisano również heurystyki soft navigation służące do zbierania metryk wydajności w aplikacjach SPA. Dzięki tym danym można sprawdzić, kiedy nastąpiło przejście w aplikacji i kiedy wyświetliła się jego treść. To sygnały diagnostyczne — same w sobie nie przyspieszają działania witryny. 3940

Więcej kontekstu podczas profilowania JavaScriptu

Znaczniki JavaScript Self-Profiling dostarczają informacji o pracy przeglądarki między próbkami JavaScriptu. Mogą wskazywać między innymi stylowanie, układ elementów, malowanie i odśmiecanie pamięci. Ułatwia to odróżnienie czasu spędzonego na wykonywaniu kodu aplikacji od czasu poświęconego na inne zadania przeglądarki. Przed włączeniem tej funkcji do produkcyjnego procesu pracy sprawdź jej bieżącą dostępność i wymagania w dokumentacji Edge. 1

Ponowne wysyłanie i edytowanie żądań w DevTools

Polecenie Resend w narzędziu Network wysyła przechwycone żądanie ponownie, bez przeładowywania strony. Przydaje się, gdy chcesz szybko sprawdzić, jak żądanie zachowa się przy kolejnym wysłaniu. 18

Nowsza opcja Edit and resend as Fetch pozwala zmienić przechwycone żądanie, a następnie wypróbować je jako wywołanie fetch() w konsoli. Ułatwia to debugowanie żądań, ale nie przyspiesza samego połączenia sieciowego. Microsoft opisuje nowszy sposób pracy z żądaniami, a dokumentacja Edge wyjaśnia funkcję ich ponownego wysyłania. 118

WebMCP: przygotowanie witryn na agentów przeglądarkowych

WebMCP to rozwijany sposób udostępniania agentowi przeglądarkowemu uporządkowanych działań, które może wykonać w witrynie. Zamiast polegać wyłącznie na wizualnej interpretacji strony, agent może korzystać z zadeklarowanych narzędzi lub akcji. Microsoft przedstawia WebMCP jako wczesną funkcję do testów, dlatego nie należy zakładać, że jest już dostępna dla wszystkich użytkowników. 1

OpaqueRange do pracy z tekstem w formularzach

OpaqueRange reprezentuje aktualny zakres tekstu w polu tekstowym <input> lub <textarea>. Może posłużyć do tworzenia interakcji związanych z konkretnym fragmentem tekstu, na przykład do pozycjonowania powiązanych elementów interfejsu lub wyróżniania tekstu. API nie odsłania wewnętrznej struktury węzłów tekstowych kontrolki. Microsoft uwzględnia OpaqueRange w aktualizacjach platformy internetowej Edge 152. 133

Web Install API: testy przez origin trial

Web Install API pozwala witrynie poprosić o zainstalowanie innej aplikacji internetowej za pomocą asynchronicznej funkcji navigator.install(). Instalacja odbywa się z użyciem wbudowanego w przeglądarkę mechanizmu. Microsoft ogłosił możliwość testowania API w witrynach deweloperów w ramach programu Edge origin trial. Taki program służy do testów — nie oznacza powszechnej obsługi funkcji we wszystkich przeglądarkach. 6

Natywny element menu jest na razie planem

Microsoft zapowiedział również planowany natywny element <menu>, który ma zapewnić wbudowane zachowanie menu. Na tym etapie nie należy traktować go jako funkcji ogólnie dostępnej ani opierać na nim działania produkcyjnej witryny, dopóki obsługa nie zostanie potwierdzona. 1

Co można wypróbować już teraz?

Dokumentacja Edge opisuje ponowne wysyłanie żądań w DevTools, a informacje o Edge 152 uwzględniają OpaqueRange. Web Install API ma ogłoszoną ścieżkę testowania w ramach origin trial. W przypadku metryk soft navigation, WebMCP i znaczników profilowania JavaScriptu przed wdrożeniem sprawdź wymagania oraz dostępność w bieżącej wersji przeglądarki. Natywny element menu pozostaje planem. 1618333940