Microsoft Edge får nye værktøjer til performance, fejlfinding og AI-agenter

Microsofts seneste webudviklernyheder handler både om at finde årsager til langsomme oplevelser og om at bygge nye typer interaktioner. Det er værd at skelne mellem funktioner, der allerede er beskrevet i Edge eller DevTools, funktioner beregnet til afprøvning og idéer, der endnu kun er planlagt. 16333940

Mål overgange i en single-page-app

I en single-page-app (SPA) kan brugeren skifte mellem visninger uden at indlæse et helt nyt dokument. Derfor fortæller målinger af den første sideindlæsning ikke nødvendigvis, hvor hurtigt appen føles under brug.

Edges Performance API har fået to nye typer måledata. soft-navigation registrerer historikændringer i det samme dokument, når de er udløst af en brugerhandling. interaction-contentful-paint registrerer, når nyt indhold bliver synligt i de dele af siden, som handlingen har ændret. Det giver udviklere flere spor at undersøge, når en overgang i appen føles langsom. 40

Edge beskriver også soft-navigation-heuristikker til indsamling af performance-målinger i SPA’er. Målingerne kan hjælpe med at lokalisere, hvornår overgangen fandt sted, og hvornår indholdet efterfølgende blev vist. De diagnosticerer problemet – men løser ikke automatisk årsagen. 3940

Få mere kontekst i JavaScript-profiler

JavaScript Self-Profiling-markører kan sætte JavaScript-målinger i sammenhæng med browserens øvrige arbejde, eksempelvis styling, layout, tegning af indhold og garbage collection. Det kan hjælpe med at skelne mellem tid brugt på applikationens JavaScript og tid brugt på andet arbejde i browseren. Tjek den aktuelle Edge-dokumentation og tilgængelighed, før du gør funktionen til en fast del af et produktionsworkflow. 1

Gentag og redigér netværkskald i DevTools

I DevTools’ Network-værktøj kan kommandoen Resend sende et registreret netværkskald igen uden at genindlæse siden. Det er nyttigt, når du vil undersøge, hvordan et kald opfører sig, hvis det gentages. 18

Med Edit and resend as Fetch kan udvikleren ændre et registreret kald og prøve det som en fetch()-forespørgsel i Console. Det gør det lettere at teste variationer af et kald, men gør ikke selve netværksforbindelsen hurtigere. 118

Gør websites klar til browsende AI-agenter med WebMCP

WebMCP er en tidlig tilgang, hvor et website kan stille strukturerede handlinger til rådighed for en browsende AI-agent. Tanken er, at agenten kan bruge handlinger, som sitet selv har beskrevet, frem for kun at forsøge at fortolke siden visuelt. Microsoft præsenterer WebMCP som en funktion til tidlig afprøvning, så den bør betragtes som eksperimentel – ikke som noget, alle besøgende allerede kan bruge. 1

Byg tekstfunktioner med OpaqueRange

OpaqueRange repræsenterer et levende tekstområde i et tekstbaseret <input>-felt eller et <textarea>. Det kan bruges til at bygge tekstspecifikke funktioner i formularfelter, for eksempel til at placere brugerfladeelementer i forhold til et tekstområde eller fremhæve tekst. API’et giver adgang til tekstens positioner uden at eksponere kontrolfeltets interne tekstnoder. Microsoft har ført OpaqueRange ind blandt webplatformopdateringerne i Edge 152. 133

Afprøv Web Install API med forbehold

Web Install API gør det muligt for et website at anmode om installation af en anden webapp via den asynkrone funktion navigator.install(). Anmodningen bruger browserens indbyggede installationsoplevelse. Microsoft har meldt API’et klar til afprøvning på udvikleres websites gennem et origin trial i Edge. Et origin trial er en testordning – ikke en garanti for, at funktionen understøttes bredt. 6

Et indbygget menu-element er stadig på tegnebrættet

Microsoft har også beskrevet et planlagt, indbygget <menu>-element, der skal give menuadfærd direkte i browserplatformen. Det er endnu ikke en funktion, udviklere bør regne med er almindeligt tilgængelig eller basere produktionskode på. 1

Hvad kan udviklere prøve?

Edge dokumenterer allerede genafsendelse af netværkskald i DevTools, og OpaqueRange står på listen over webplatformfunktioner i Edge 152. Web Install API har en annonceret vej til afprøvning gennem et origin trial. For soft-navigation-målinger, WebMCP og JavaScript Self-Profiling-markører bør udviklere undersøge den aktuelle version og eventuelle krav til testadgang, før de bygger afhængighed af funktionerne ind. Det indbyggede menu-element er fortsat planlagt. 1618333940