Was die neuen Edge-Funktionen für Webentwickler bedeuten

Microsofts jüngste Updates für die Webentwicklung betreffen Performance-Messung, Debugging, die Interaktion mit KI-Agenten und Textbearbeitung. Wichtig ist dabei der unterschiedliche Reifegrad: Einige Funktionen sind in Edge oder den DevTools dokumentiert, andere sind zum Experimentieren gedacht. Ein geplantes natives Menüelement ist dagegen noch nichts, worauf sich Produktionsprojekte stützen sollten. 16333940

Verzögerungen in Single-Page-Apps messen

Übliche Kennzahlen zum Seitenaufbau zeigen nicht das ganze Bild einer Single-Page-App (SPA). Dort wechseln Nutzerinnen und Nutzer oft zwischen Ansichten, ohne dass ein neues Dokument geladen wird. Die Performance API in Edge ergänzt zwei Eintragstypen, mit denen sich solche Übergänge untersuchen lassen: soft-navigation erfasst durch Interaktionen ausgelöste Änderungen des Verlaufs innerhalb desselben Dokuments. interaction-contentful-paint erfasst, wann nach einer Interaktion in veränderten Bereichen der Seite neue Inhalte sichtbar werden. 40

Auch die Edge-Versionshinweise beschreiben Heuristiken für Soft-Navigationen, mit denen sich Performance-Kennzahlen in SPAs sammeln lassen. Die Einträge helfen dabei, den Zeitpunkt eines In-App-Übergangs und das Erscheinen der Folgeinhalte zu untersuchen. Sie liefern Diagnosehinweise, beheben aber nicht automatisch Performance-Probleme. 3940

Netzwerkanfragen in den DevTools erneut senden

Mit dem Befehl Resend im Network-Tool lässt sich eine aufgezeichnete Anfrage erneut senden, ohne die Seite neu zu laden. Das ist praktisch, um zu prüfen, wie eine Anfrage bei einer Wiederholung reagiert. 18

Der neuere Ablauf Edit and resend as Fetch erlaubt es, eine aufgezeichnete Anfrage anzupassen und sie als fetch()-Aufruf in der Console auszuprobieren. Das vereinfacht das Debugging von Anfragen, macht die zugrunde liegende Netzwerkverbindung aber nicht schneller. Microsoft beschreibt den neueren Ablauf in einem Entwickler-Update; die Edge-Dokumentation erklärt das erneute Senden von Anfragen. 118

Websites mit WebMCP auf Browser-Agenten vorbereiten

WebMCP ist ein neuer Ansatz, mit dem Websites strukturierte Aktionen für einen Browser-Agenten bereitstellen können. Statt sich allein auf die visuelle Interpretation einer Seite zu verlassen, kann der Agent so mit ausdrücklich deklarierten Werkzeugen oder Aktionen arbeiten. Microsoft beschreibt WebMCP als frühe Funktion zum Testen. Sie sollte daher als experimentell gelten – nicht als etwas, das bei allen Nutzerinnen und Nutzern verfügbar ist. 1

Text in Formularfeldern gezielter bearbeiten

OpaqueRange steht für einen dynamischen Textbereich innerhalb eines textbasierten <input>- oder <textarea>-Elements. Entwickler können damit textbezogene Funktionen in Formularfeldern umsetzen, etwa passende UI-Elemente positionieren oder Text hervorheben. Die API gibt dabei nicht die internen Textknoten des Steuerelements preis. Microsoft führt OpaqueRange in den Webplattform-Updates von Edge 152 auf. 133

Web Install API vorsichtig testen

Mit der Web Install API kann eine Website über die asynchrone Funktion navigator.install() die Installation einer anderen Web-App anstoßen. Dafür wird die eingebaute Installationsoberfläche des Browsers verwendet. Microsoft hat die API zum Testen im Rahmen einer Edge-Origin-Trial angekündigt. Eine Origin Trial ist ein Weg, eine Funktion auszuprobieren – keine Garantie für Unterstützung in allen Browsern. 6

Natives Menüelement ist noch geplant

Microsoft hat außerdem ein natives <menu>-Element mit integrierter Menüfunktionalität skizziert. Da es sich um eine geplante Funktion handelt, sollten Entwickler es noch nicht als allgemein verfügbar ansehen oder Produktionsfunktionen darauf aufbauen, bevor die Unterstützung bestätigt ist. 1

Was Entwickler jetzt ausprobieren können

Für praktische Tests dokumentiert Edge das erneute Senden von Anfragen in den DevTools; OpaqueRange ist in den Versionshinweisen zu Edge 152 aufgeführt. Für die Web Install API wurde ein Weg über eine Origin Trial angekündigt. Bei Soft-Navigation-Messwerten und WebMCP sollten Entwickler die Verfügbarkeit und Testbedingungen der aktuellen Version prüfen, bevor sie sich darauf verlassen. Das native Menüelement ist weiterhin nur geplant. 1618333940