Neuerungen in progressiven Web-Apps
Auf dieser Seite sind die Updates für Progressive Web-Apps (PWAs) und Web-Apps des Microsoft Edge Web-Apps-Teams aufgeführt. Wenn Sie neue Features ausprobieren möchten, lesen Sie diese Ankündigungen. Laden Sie die Microsoft Edge-Vorschaukanäle (Beta, Dev und Canary) herunter, um über die neuesten und besten Features auf dem Laufenden zu bleiben.
Abschnitte dieses Dokuments entsprechen historischen Versionen von Microsoft Edge und werden im Laufe der Zeit nicht aktualisiert. Beispielsweise können Verweise auf "neue Features" oder "Ursprungstests" veraltet sein, wenn neue Versionen von Microsoft Edge veröffentlicht werden.
Neuerungen in Microsoft Edge 121
Ab Microsoft Edge 121 können Sie in DevTools das Feature "Window Controls Overlay" simulieren, über das progressive Web-Apps (PWAs) verfügen, ohne die PWA installieren zu müssen. Weitere Informationen finden Sie unter Simulieren der Überlagerungs-API für Fenstersteuerelemente, ohne PWA zu installieren.
Neuerungen in Microsoft Edge 114
Ab Microsoft Edge 114 können Sie erkennen, wann Ihre PWA in der Randleiste in Microsoft Edge ausgeführt wird, indem Sie User-Agent Clienthinweise verwenden.
Weitere Informationen finden Sie in den folgenden Ressourcen:
- Erkennen sie die Verwendung in der Randleiste unter Erstellen von PWAs für die Randleiste in Microsoft Edge.
- Erkennen von Microsoft Edge über Ihre Website.
Neuerungen in Microsoft Edge 112
Ab Microsoft Edge 112 können progressive Web-Apps experimentell an die Randleiste in Microsoft Edge angeheftet werden.
Die Randleiste in Microsoft Edge ermöglicht Benutzern den einfachen Zugriff auf beliebte Websites und Hilfsprogramme neben ihren Browserregisterkarten. Der Inhalt auf der Randleiste erweitert die primäre Aufgabe des Benutzers, indem er das parallele Browsen ermöglicht und die Notwendigkeit zum Wechseln von Kontexten zwischen Browserregisterkarten minimiert.
Um Ihre PWA für das Anheften an die Randleiste in Microsoft Edge vorzubereiten, verwenden Sie den edge_side_panel Manifestmember.
Weitere Informationen finden Sie unter Erstellen von PWAs für die Randleiste in Microsoft Edge.
Neuerungen in Microsoft Edge 108
Microsoft Edge 108 führt experimentelle Unterstützung für progressive Web-Apps ein, um eigene Widgets im Widgets Board in Windows 11 zu definieren.
Widgets werden in Ihrer PWA-Manifestdatei mithilfe des widgets Manifestelements definiert. Widgets werden mithilfe von Vorlagen für adaptive Karten angezeigt, wodurch Widgets einfach zu erstellen sind und sie in Zukunft einfach an verschiedene Dashboards von Betriebssystemwidgets angepasst werden können. Microsoft Edge ermöglicht es auch, Benutzeraktionen für PWA-Widgets aus Ihrer Service Worker-Datei zu verarbeiten.
Der folgende Screenshot zeigt das Windows Widgets Board auf der linken Seite und die PWAmp-Demo-App auf der rechten Seite. Das Widgets Board enthält das PWAmp Miniplayer-Widget, das den aktuellen Song anzeigt, der in der PWAmp-App wiedergegeben wird:
Weitere Informationen finden Sie unter Erstellen von PWA-gesteuerten Widgets.
Neuerungen in Microsoft Edge 105
Microsoft Edge 105 bietet die folgenden neuen Features für progressive Web-Apps.
Überlagerungs-API für Fenstersteuerelemente
Die Überlagerungs-API für Fenstersteuerelemente ist jetzt ab Microsoft Edge 105 standardmäßig verfügbar. Verwenden Sie die Überlagerungs-API für Fenstersteuerelemente, um die Kontrolle über den Bereich zu übernehmen, der normalerweise von der Titelleiste eines installierten PWA-Fensters verwendet wird. Der PWA-Code kann diesen Bereich verwenden, um beliebige Webinhalte wie einen benutzerdefinierten Titelbereich, Navigationsschaltflächen oder eine Menüleiste zu rendern.
Dieses Feature macht PWAs, die auf Desktopbetriebssystemen wie Windows, macOS und Linux installiert sind, ihren nativen Gegenstücken ähnlicher.
Siehe auch:
- Anzeigen von Inhalten im Titelleistenbereich mithilfe der Überlagerung von Fenstersteuerelementen.
- Schließen einer 30-Pixel-Lücke zwischen nativ und Web.
- Überlagerungs-API für Fenstersteuerelemente auf MDN.
Benachrichtigungen von einer PWA werden jetzt als vom PWA stammend angezeigt.
In früheren Versionen sahen die von PWAs erstellten Benachrichtigungen so aus, als würden sie von Microsoft Edge ausgegeben.
Bei Microsoft Edge 105 zeigen Benachrichtigungen von einer PWA jetzt den Namen und das Symbol der PWA anstelle von "Microsoft Edge" an:
Neuerungen in Microsoft Edge 101
Microsoft Edge 101 führt das Feature für die Seitenleistensuche für PWAs ein. Mithilfe der Randleistensuche können Benutzer installierter PWAs in einer Seitenleiste im PWA-Fenster nach Webinhalten suchen und diese durchsuchen.
So greifen Sie auf die Seitenleistensuche zu:
Klicken Sie in der Titelleiste der installierten PWA auf die Schaltfläche Randleistensuche öffnen :
Geben Sie eine Suchabfrage ein, und drücken Sie dann die EINGABETASTE. Die Suchergebnisse werden angezeigt, und Sie können von dort zu einer Webseite wechseln:
Neuerungen in Microsoft Edge 100
Microsoft Edge Dev- und Canary-Kanäle wurden am 9. Februar 2022 auf Version 100 verschoben. In diesem Meilenstein testen wir die folgenden neuen Web-App-Features. Wir erwarten, dass diese neuen Features nach dem Testzeitraum in Stable eingeführt werden.
App-Synchronisierung
Der Synchronisierungsdienst, der Features wie Favoriten, Einstellungen, Verlauf und mehr unterstützt, wurde um Ihre installierten Web-Apps erweitert, d. h. PWAs und Websites, die als Apps installiert sind. Der Synchronisierungsdienst funktioniert, wenn Sie bei Ihrem Profil angemeldet sind und sich für die Synchronisierung angemeldet haben.
Wenn wir dieses Feature in den kommenden Wochen testen und schrittweise veröffentlichen, sehen Benutzer, die sich für die Synchronisierung angemeldet haben, auf der edge://apps Seite den Abschnitt Ihre verfügbaren Apps und ein neu gestaltetes Menü Apps.
Der Abschnitt Ihre verfügbaren Apps
Im Abschnitt Ihre verfügbaren Apps werden alle Apps angezeigt, die Sie auf anderen Geräten mit demselben angemeldeten Profil installiert haben, die derzeit nicht im Microsoft Edge-instance, das Sie verwenden, installiert sind. Die verfügbaren Apps werden in einem eigenen Abschnitt mit grauen Symbolen angezeigt. Klicken Sie in einer App auf die Schaltfläche Installieren , um die App auf diesem Gerät zu installieren:
Die App-Synchronisierung ist derzeit nur auf Desktopgeräten verfügbar. Um Ihre Apps geräteübergreifend synchron zu halten, fügen Sie eine App auf einem Gerät dem Abschnitt Ihre verfügbaren Apps auf anderen Geräten hinzu. Wenn Sie eine App auf einem Gerät deinstallieren, wird sie von anderen Geräten entfernt.
Neu gestaltetes Menü "Apps"
In Microsoft Edge wird der Befehl Apps im Menü Einstellungen und mehr neu gestaltet:
- Das Menüsymbol Apps kann der Symbolleiste hinzugefügt werden, um schnell darauf zuzugreifen.
- Das Popupmenü kann als Randleiste geöffnet werden, um Ihre Apps zusammen mit Webinhalten anzuzeigen.
- Anpassbare Ansichts- und Sortieroptionen wurden zusammen mit dem Abschnitt Meine verfügbaren Apps hinzugefügt, um die App-Synchronisierungsfunktion zu unterstützen.
Benutzer können das Menüsymbol Apps auf der Symbolleiste für den Schnellzugriff anzeigen:
Benutzer können das Menü Apps als Randleiste anheften:
Benutzer können zwischen einer Listen- oder Rasteransicht wählen:
Benutzer können die Sortierreihenfolge ihrer Apps auswählen:
Neuerungen in Microsoft Edge 97
Microsoft Edge Version 96 soll am 18. November 2021 als stabiles Release verwendet werden. Microsoft Edge Version 97 wechselt nach diesem Datum vom Dev-Kanal zur Beta-Vorschau.
Als URL-Handler registrierte Store-Apps blenden benutzerdefinierte Registerkarten-Ui aus
Im Store installierte PWAs, die an der Ursprungstestversion von URL-Handlern teilnehmen, zeigen die benutzerdefinierte Chrome-Registerkarte (Custom Tab, CCT) nicht mehr an, wenn sie von der Domäne der PWA zu einem übereinstimmenden Domänennamen mit einer anderen Domäne der obersten Ebene (TLD) umgeleitet werden. Diese Umleitung erfolgt häufig in Apps mit gebietsschemaspezifischen Domänen. Beispielsweise die Umleitung von contoso.com zu contoso.ca für Benutzer in Kanada.
Neuerungen in Microsoft Edge 96
URL-Protokollhandler werden zu Stabil verschoben
Die Ursprungsstudie wurde abgeschlossen. Die Funktion URL-Protokollhandler wird jetzt in Microsoft Edge 96 Stable bereitgestellt.
Siehe auch:
- Protokollhandlerherkunftstest
- Behandeln von Protokollen in progressiven Web-Apps
- URL-Protokollhandlerregistrierung für PWAs in Chrome Dev > Web Platform > – Bewährte Methoden.
Neues Hub-Design zum Verwalten Ihrer installierten Web-Apps
Microsoft Edge Canary hat version 96 am 5. Oktober 2021 erreicht. Mit einer Teilmenge unserer Benutzer testen wir ein neues Design, um Ihre installierten Web-Apps besser zu verwalten. Wenn Sie in Ihrem Browser zu edge://apps wechseln, wird jetzt ein neu gestalteter Hub angezeigt, der installierte PWAs und Websites als Apps auflistet.
Sortierreihenfolge
Sie können Ihre Apps nach einer der folgenden Optionen sortieren:
- Zuletzt verwendet.
- Alphabetisch, basierend auf dem Titel.
- Installationsdatum.
Listenansicht oder Rasteransicht
Sie können Apps in einer Listen- oder Rasteransicht anordnen, indem Sie die Dropdownliste Ansicht als verwenden. In dieser Abbildung ist die Rasteransicht ausgewählt:
Zum Zoomen: Klicken Sie mit der rechten Maustaste auf > Bild in neuer Registerkarte öffnen.
Anheften von Apps, Erstellen von Verknüpfungen mit Apps, Ausführen der App bei der Anmeldung
Sie können Apps ganz einfach an die Taskleiste oder das Startmenü anheften. Sie können eine Verknüpfung erstellen und die Ausführung von Apps bei der Benutzeranmeldung aktivieren.
Seite zu App-Details
Es gibt jetzt eine Seite mit App-Details, auf der Sie ganz einfach auf Folgendes zugreifen können:
- Berechtigungen und Datenschutzdetails für den zugeordneten Ursprung.
- Weitere Informationen zur Anwendung.
Die Seite mit den App-Details:
Neuerungen in Microsoft Edge 95
Microsoft Edge Version 95 wurde am 28. September 2021 in den Betakanal verschoben. Die Ursprungstests bleiben für die folgenden Features aktiv:
Wir gehen davon aus, dass die Testversion des Protokollhandlerurur am 21. Oktober 2021 endet.
Neuerungen in Microsoft Edge 94
Microsoft Edge Version 94 wurde am 23. September 2021 in Stable verschoben. Dieser Releasezyklus war kurz – nur 3 Wochen von Microsoft Edge 93 Stable zu Microsoft Edge 94 Stable, als wir den neuen 4-wöchigen Releasezyklus anspockten. Dieser neue Releaserhythmus entspricht dem neuen Rhythmus der Chromium Meilensteine, die unter Beschleunigen des Veröffentlichungszyklus von Chrome beschrieben werden.
Aufgrund des verkürzten Releasezyklus von Microsoft Edge Version 94 haben wir uns auf die Stabilisierung der Releasezykluslogistik konzentriert und die Featureentwicklung auf Microsoft Edge Version 95 verlagert.
Die Ursprungstests bleiben für die folgenden Features aktiv:
Wir erwarten, dass die Testversion des Protokollhandlerur mit Microsoft Edge Version 94 endet, da wir abschließendes Feedback erhalten und uns darauf vorbereiten, das Protokollhandlerfeature in Stable zu verschieben. Falls Sie in der Ursprungstestphase für Protokollhandler registriert sind, planen wir, den Testzeitraum nach Microsoft Edge Version 94 zu beenden. Wir bestimmen dann, wann dieses Feature stabil wird.
Neuerungen in Microsoft Edge 93
Microsoft Edge Version 93 wurde am 2. September 2021 zum Stable-Kanal von Microsoft Edge. In diesem Artikel werden Updates aufgeführt, die wir aus Entwickler- und Verbrauchersicht an Progressive Web-Apps (PWAs) vorgenommen haben.
Messen der Nutzung Ihrer im Store installierten PWA
Microsoft Edge enthält jetzt einen Referrer-Header mit der Anforderung für die erste Navigation Ihrer im Microsoft Store installierten PWA.
Dieses Feature wurde erstmals in Microsoft Edge Version 91 eingeführt, und wir haben eine Fehlerbehebung in Microsoft Edge Version 93 bereitgestellt.
Weitere Informationen finden Sie unter Veröffentlichen einer progressiven Web-App im Microsoft Store.
Testversionen des Windows-Steuerelementüberlagerungsursprungs
Um mehr Kontrolle über den Titelleistenbereich zu erhalten, der derzeit im eigenständigen Anzeigemodus angezeigt wird, können Sie mit Der Überlagerung von Fenstersteuerelementen experimentieren. Window Controls Overlay (WCO) ist eine Reihe von Features, die zusammenarbeiten, um nur die wesentlichen Steuerelemente bereitzustellen, die für das App-Fenster erforderlich sind. Dieses Layout gibt mehr Platz für die Webinhaltsebene frei. WCO ist für installierte Desktop-PWAs verfügbar.
Weitere Informationen finden Sie unter Anzeigen von Inhalten im Titelleistenbereich mithilfe der Überlagerung von Fenstersteuerelementen.
Update 2023: Dieses Feature ist keine Ursprungstestversion mehr und steht allen Benutzern zur Verfügung, sodass Folgendes nicht mehr gilt: Registrieren Sie Ihren Ursprung für die Testversion von Web-App-Fenstersteuerelementen beiMicrosoft Edge Origin Trials.
Update 2024: Ab Microsoft Edge 121 können Sie in DevTools das Feature Fenstersteuerelementüberlagerung für eine progressive Web-App (PWA) simulieren, ohne die PWA installieren zu müssen. Weitere Informationen finden Sie unter Simulieren der Überlagerungs-API für Fenstersteuerelemente, ohne PWA zu installieren.
URL-Handler– Ursprungstest
Entwickler können jetzt die URL-Handler des experimentellen Features Web-App in einer Ursprungstestversion verwenden. Dieses Feature ermöglicht die Registrierung einer installierten PWA, um Links aus anderen Apps zu öffnen, die auf ihren Bereich verweisen.
Update 2023: Dieses Feature ist keine Ursprungstestversion mehr und wurde entfernt, sodass Folgendes nicht mehr gilt, und das Feature für PWA-URL-Handler wurde aus der Chromium Browser-Engine entfernt: Registrieren Sie Ihre Domäne für die Testversion von Web-App-URL-Handlern bei Microsoft Edge Origin Trials.
Siehe auch:
Unterstützung für die Freigabe-API unter macOS
Wir haben Unterstützung für die navigator.share API für macOS implementiert. Das Feature wird in den kommenden Wochen für stabile Microsoft Edge-Browser unter macOS eingeführt.
Erfahren Sie mehr über die navigator.share()-API.
Neuerungen in Microsoft Edge 92
Microsoft Edge Version 92 wurde am 22. Juli 2021 zum stabilen Kanal von Microsoft Edge. In diesem Artikel werden Updates aufgeführt, die wir aus Entwickler- und Verbrauchersicht an Progressive Web-Apps (PWAs) vorgenommen haben.
Protokollhandlerherkunftstest
Sie können ihre PWA jetzt registrieren, um bestimmte Protokolle mit dem Hostbetriebssystem zu verarbeiten. Weitere Informationen zur Verwendung von Protokollhandlern mit Ihrem PWA finden Sie unter Behandeln von Protokollen in Progressive Web-Apps.
Update 2023: Dieses Feature ist keine Ursprungstestversion mehr und steht allen Benutzern zur Verfügung, sodass Folgendes nicht mehr gilt: Die Windows-Testversion für Protokollhandler ist jetzt verfügbar. Sie können Ihren Ursprung für die Testversion des Web-App-Protokollhandlers unter Microsoft Edge Origin Trials registrieren.
Menü "Optimierte App-Informationen"
Wenn ein Benutzer die Schaltfläche mit den Auslassungspunkten (...) in der Titelleiste der App auswählt, wird das Menü App-Informationen angezeigt. Wir haben das Menü "App-Informationen " aktualisiert und die Benutzererfahrung auf folgende Weise optimiert, um eine Benutzeroberfläche bereitzustellen, die eher einer Desktop-App als einer Browser-Benutzeroberfläche ähnelt:
Die Herausgeberinformationen der App wurden auf die oberste Ebene verschoben, und es wurde zu dem Ersten, was einem Benutzer angezeigt wird:
Die Datenschutzinformationen und -steuerelemente wurden in ein dediziertes Datenschutzmenü der zweiten Ebene verschoben:
Inhaltsbezogene Tools in ein dediziertes Menü "Weitere Tools " der zweiten Ebene verschoben:
Flyoutdialogfeld nach der Installation
Nachdem eine PWA über den Microsoft Edge-Browser unter Windows installiert wurde, können Benutzer jetzt aus vier Optionen auswählen, um ihre Apps einfach zu starten:
- An Taskleiste anheften
- An Start anheften
- Verknüpfung "Desktop erstellen"
- Automatischer Start bei Geräteanmeldung
Der Einfachheit halber wird dieses Flyoutdialogfeld angezeigt, wenn die App zum ersten Mal gestartet wird:
Dieses Feature wird schrittweise für alle Benutzer eingeführt. Wenn Sie dieses Feature in der Zwischenzeit verwenden möchten, wechseln Sie zu edge://flags , und aktivieren Sie das Flag Web-Apps Dialogfeld nach der Installation.
Wiederherstellen Web-Apps
Installierte Standorte und PWAs, die vor einem unerwarteten Herunterfahren ausgeführt wurden, werden jetzt wiederhergestellt (d. h., sie werden neu gestartet), wenn das System wiederhergestellt wird.
Ein unerwartetes Herunterfahren kann aufgrund eines Prozessfehlers, eines Systemneustarts oder eines Stromausfalls auftreten. Vor dieser Änderung hatten installierte Standorte und PWAs bei der Systemwiederherstellung ein unbestimmtes Verhalten.