Så hjälper Microsoft Edges nya funktioner webbutvecklare

Microsofts senaste webbnyheter handlar om prestandamätning, felsökning, AI-agenters samspel med webbplatser och textredigering. Men funktionerna har olika status: vissa finns beskrivna i Edge- och DevTools-dokumentationen, andra är avsedda för experiment, och ett planerat inbyggt menyelement är ännu inget att bygga produktionslösningar kring. 16333940

Mät tröga vybyten i ensidesappar

Vanliga mått för sidladdning visar inte hela bilden i en ensidesapp (SPA). Där kan användaren gå mellan vyer utan att webbläsaren laddar ett nytt dokument. Edge utökar Performance API med två typer av poster som hjälper utvecklare att undersöka sådana övergångar: soft-navigation rapporterar historikändringar i samma dokument som startas av en interaktion, medan interaction-contentful-paint rapporterar när nytt innehåll visas i delar av sidan som ändrats efter en interaktion. 40

Edges versionsanteckningar beskriver också heuristik för soft navigation, som gör det möjligt att samla in prestandamått i ensidesappar. Posterna kan hjälpa utvecklare att se när ett vybyte i appen skedde och när innehållet efter bytet visades. De är diagnostiska signaler – inte automatiska prestandafixar. 3940

Få mer sammanhang vid JavaScript-profilering

Markörer i JavaScript Self-Profiling ger sammanhang om vad webbläsaren gör mellan JavaScript-mätpunkter. Det kan till exempel handla om stilar, layout, målning och skräpinsamling. På så sätt kan utvecklare lättare skilja tiden som går åt till appens kod från tiden som webbläsaren lägger på annat arbete. Kontrollera aktuell dokumentation och tillgänglighet i Edge innan du förlitar dig på funktionen i ett produktionsflöde. 1

Skicka nätverksanrop igen från DevTools

Kommandot Resend i verktyget Network skickar ett fångat anrop på nytt utan att sidan laddas om. Det är användbart när du vill kontrollera hur ett anrop beter sig när det upprepas. 18

Arbetsflödet Edit and resend as Fetch låter utvecklare ändra ett fångat anrop och prova det som ett fetch()-anrop i Console. Det gör felsökningen smidigare, men snabbar inte upp själva nätverksanslutningen. Microsoft beskriver det nyare arbetsflödet i sin utvecklaruppdatering, medan Edge-dokumentationen förklarar hur du skickar anrop på nytt. 118

Förbered webbplatser för AI-agenter med WebMCP

WebMCP är ett framväxande sätt för webbplatser att erbjuda strukturerade åtgärder som en agent kan använda. Tanken är att agenten ska kunna samspela med webbplatsen genom tydligt angivna verktyg eller åtgärder, i stället för att enbart tolka sidan visuellt. Microsoft beskriver WebMCP som en tidig funktion för testning. Se den därför som experimentell, inte som något som redan är tillgängligt för alla användare. 1

Skapa mer avancerade textfunktioner med OpaqueRange

OpaqueRange representerar ett levande textspann i ett textbaserat <input>-fält eller ett <textarea>. Det kan användas för att bygga textnära funktioner i formulärkontroller, till exempel för att placera gränssnittselement i förhållande till text eller markera text, utan att exponera de underliggande textnoderna i kontrollen. Microsoft listar OpaqueRange bland webbplattformens uppdateringar i Edge 152. 133

Testa Web Install API med eftertanke

Web Install API gör det möjligt för en webbplats att begära installation av en annan webbapp via den asynkrona funktionen navigator.install(), med hjälp av webbläsarens inbyggda installationsflöde. Microsoft har gjort API:t tillgängligt för testning genom en origin trial i Edge. En origin trial är en väg för att testa en funktion – inte ett löfte om att den stöds i alla webbläsare. 6

Det inbyggda menyelementet är fortfarande planerat

Microsoft har också beskrivit ett inbyggt HTML-element, <menu>, som är tänkt att erbjuda menyfunktioner direkt i webbläsaren. Funktionen är planerad, så utvecklare bör inte utgå från att den är allmänt tillgänglig eller bygga produktionsbeteenden kring den innan stödet är bekräftat. 1

Det här kan utvecklare prova

Edge dokumenterar hur nätverksanrop skickas på nytt i DevTools, och i versionsanteckningarna för Edge 152 finns OpaqueRange. Web Install API har en annonserad väg för testning via en origin trial. För prestandamått för soft navigation, WebMCP och JavaScript Self-Profiling-markörer bör du kontrollera aktuell version och vilka testkrav som gäller innan du förlitar dig på funktionerna. Det inbyggda menyelementet är fortfarande bara planerat. 1618333940