Microsoft Edge Entwicklerdokumentation

Entwicklung mit Microsoft Edge DevTools, Microsoft Edge-Erweiterungen, Progressive Web-Apps, WebDriver-Automatisierung, WebView2 und mehr.

Webplattformupdates

Neuigkeiten

• Versionshinweise für die Webplattform für Microsoft Edge
• Änderungen mit Auswirkungen auf die Sitekompatibilität
• Verwenden von Ursprungstests in Microsoft Edge

Microsoft Edge DevTools

Überblick

• Dokumentation zu Microsoft Edge-DevTools
• Übersicht über DevTools

Neuigkeiten

• Neuerungen in Microsoft Edge DevTools

Schrittanleitung

• Befehlszeile
• Anzeigen und Ändern von CSS

Referenz

• Tastenkombinationen

Microsoft Edge-Erweiterungen

Überblick

• Dokumentation zu Microsoft Edge-Erweiterungen
• Erweiterungen – Übersicht
• „Erste Schritte“-Tutorial
• Portieren einer Chrome-Erweiterung zu Microsoft Edge

Schrittanleitung

• Alternative Methoden zum Verteilen einer Erweiterung
• Schrittweiser Veröffentlichungsprozess
• Registrieren als Entwickler für Microsoft Edge-Erweiterungen
• Beispiel: Bildanzeige-Popupwebseite

Progressive Web-Apps (PWAs)

Überblick

• Dokumentation zu progressiven Web-Apps (PWAs)
• Übersicht über progressive Web-Apps

Neuigkeiten

• Neuerungen in PWAs

Erste Schritte

• Erste Schritte mit PWAs
• Verwenden von Service Workern
• Das Web-App-Manifest

Schrittanleitung

• Veröffentlichen einer PWA im Microsoft Store

Konzept

• Speichern von Daten auf dem Gerät

WebView2

Überblick

• WebView2-Dokumentation
• Einführung in Microsoft Edge WebView2

Konzept

• Unterschiede zwischen Microsoft Edge und WebView2
• Bewährte Methoden für die Entwicklung

Erste Schritte

• Erste Schritte mit WebView2

Herunterladen

• WebView2-Beispiel-Apps

Neuigkeiten

• Versionshinweise für WebView2-SDK

Referenz

• WebView2-API-Referenz

Testen und Automatisieren

Schrittanleitung

• Testen und Automatisieren in Microsoft Edge
• DevTools-Protokoll
• Verwenden von Playwright zum Automatisieren und Testen in Microsoft Edge
• Puppeteer – Übersicht
• Verwenden von WebDriver zum Automatisieren von Microsoft Edge
• Webhint-Erweiterung für Visual Studio Code

Tipps zur Edge-spezifischen Webentwicklung

Schrittanleitung

• Verschieben von Benutzern zu Microsoft Edge aus Internet Explorer
• Nachverfolgungsverhinderung in Microsoft Edge
• Erkennen von Microsoft Edge von Ihrer Website aus
• Entwickeln von Oberflächen für die Randleiste in Microsoft Edge
• Erkennen von Windows 11 mit User-Agent Clienthinweisen
• Schaltfläche zum Anzeigen des Kennworts anpassen
• Anzeigen regionaler Versionen Ihrer Website basierend auf den Betriebssystemeinstellungen
• Anzeigen formatierter JSON-Antworten oder -Dateien
• Registrieren für die Anzeigenauswahl-API

Microsoft Edge IDE-Integration

Überblick

• Microsoft Edge IDE-Integration
• Microsoft Edge DevTools-Erweiterung für Visual Studio Code
• Debuggen von Microsoft Edge in Visual Studio Code

Schrittanleitung

• Öffnen von Quelldateien in Visual Studio Code
• Visual Studio für die Webentwicklung

Barrierefreiheit in Microsoft Edge

Überblick

• Features für Barrierefreiheitstests
• Barrierefreiheit in Microsoft Edge

Schrittanleitung

• Barrierefreiheitstests

DualEngine

Überblick

• Einführung in die Microsoft DualEngine-API

Erste Schritte

• Erste Schritte mit der DualEngine-API

Schrittanleitung

• Erstellen einer DualEngine-Adapter-Plug-In-DLL
• Starten von Internet Explorer

Referenz

• DualEngine Win32 C++-Referenz