Microsoft Edge gir utviklere nye verktøy for å måle og feilsøke webapper

Microsofts siste oppdateringer for webutviklere handler om å måle ytelse, feilsøke, bygge tekstfunksjoner og gjøre nettsteder bedre rustet for samspill med AI-agenter. Den praktiske forskjellen ligger i hvor klare funksjonene er: Noen finnes i Edge eller DevTools, enkelte er laget for utprøving, og et planlagt native menyelement er ikke noe utviklere bør basere produksjonsløsninger på ennå. 16333940

Mål tregere overganger i enkeltsideapper

Vanlige målinger av sidelasting forteller ikke hele historien for en enkeltsideapp (SPA). I slike apper kan brukeren bytte visning uten at en ny nettside lastes inn. Edge utvider Performance API med to typer måleoppføringer som kan hjelpe utviklere med å undersøke slike overganger: soft-navigation registrerer historikkendringer i samme dokument som er utløst av en brukerhandling, mens interaction-contentful-paint registrerer når nytt, synlig innhold vises i deler av siden som er endret etter en interaksjon. 40

Edge har også beskrevet heuristikker for myk navigering, som kan brukes til å samle ytelsesmålinger i enkeltsideapper. Oppføringene gjør det mulig å undersøke når en intern overgang fant sted, og når innholdet etterpå ble vist. De er målesignaler – ikke automatiske løsninger på ytelsesproblemer. 3940

Få mer kontekst når JavaScript profileres

Markører i JavaScript Self-Profiling kan gi informasjon om hva nettleseren gjorde mellom JavaScript-målingene, blant annet stilberegning, layout, tegning og søppelrydding. Det kan hjelpe utviklere med å skille mellom tiden appens egen kode bruker, og tiden nettleseren bruker på annet arbeid. Sjekk gjeldende Edge-dokumentasjon og tilgjengelighet før du gjør funksjonen til en fast del av en produksjonsarbeidsflyt. 1

Send nettverksforespørsler på nytt fra DevTools

Med Resend i Network-verktøyet kan du sende en registrert forespørsel på nytt uten å laste siden inn på nytt. Det er nyttig når du vil undersøke hvordan forespørselen oppfører seg ved gjentatte forsøk. 18

Arbeidsflyten Edit and resend as Fetch lar utviklere endre en registrert forespørsel og prøve den som et fetch()-kall i Console. Dette gjør feilsøkingen mer smidig, men øker ikke hastigheten på selve nettverkstilkoblingen. Microsoft omtaler den nyere arbeidsflyten i utvikleroppdateringen, mens Edge-dokumentasjonen beskriver hvordan forespørsler kan sendes på nytt. 118

Gjør nettsteder klare for nettlesingsagenter med WebMCP

WebMCP er en ny måte for nettsteder å eksponere strukturerte handlinger som en nettlesingsagent kan bruke. Tanken er at agenten skal kunne samhandle med nettstedet gjennom handlinger eller verktøy nettstedet selv har definert, i stedet for bare å tolke siden visuelt. Microsoft omtaler WebMCP som en tidlig funksjon for utprøving. Utviklere bør derfor behandle den som eksperimentell, ikke regne med at den er tilgjengelig for alle brukere. 1

Bygg tekstfunksjoner med OpaqueRange

OpaqueRange representerer et levende tekstområde i en tekstbasert <input> eller en <textarea>. Utviklere kan bruke slike områder til å lage tekstbaserte funksjoner i skjemafelt, for eksempel plassere tilhørende grensesnittelementer eller markere tekst, uten å få tilgang til de interne tekstnodene i kontrollen. Microsoft lister OpaqueRange blant webplattformoppdateringene i Edge 152. 133

Prøv Web Install API med forbehold

Web Install API lar et nettsted be nettleseren om å installere en annen webapp, ved hjelp av den asynkrone funksjonen navigator.install(). Microsoft har gjort API-et tilgjengelig for testing gjennom en origin trial i Edge. En origin trial er en testordning – ikke en garanti for at funksjonen støttes overalt. 6

Det native menyelementet er foreløpig bare planlagt

Microsoft har også skissert et native <menu>-element som skal tilby innebygd menyfunksjonalitet. Dette er en planlagt funksjon, ikke noe utviklere bør regne som allment tilgjengelig eller bygge produksjonsløsninger rundt før støtten er bekreftet. 1

Hva kan utviklere prøve nå?

Edge dokumenterer hvordan nettverksforespørsler sendes på nytt i DevTools, og OpaqueRange er oppført i versjonsnotatene for Edge 152. Web Install API har en annonsert testmulighet via origin trial. For ytelsesmåling av myk navigering, WebMCP og JavaScript Self-Profiling-markører bør du sjekke gjeldende versjon og krav til testing før du baserer deg på funksjonene. Det native menyelementet er fortsatt bare en plan. 1618333940