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 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:

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.

Microsoft Edge mit einer Registerkarte, die in einer TODO-Listen-App geöffnet ist, und PWAmp in der Randleiste

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:

Das PWAmp-Miniplayerwidget im Windows Widgets-Board neben der PWAmp-App

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.

Eine PWA mit einer benutzerdefinierten Titelleiste

Weitere Informationen finden Sie in den folgenden Ressourcen:

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:

Ein PWA-App-Fenster mit einer Benachrichtigung in der Nähe der Windows-Taskleiste. Die Benachrichtigung weist das PWA-Symbol und den Namen auf.

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:

  1. Klicken Sie in der Titelleiste der installierten PWA auf die Schaltfläche Randleistensuche öffnen :

    Das Symbol für die Randleistensuche, das in der Titelleiste der App angezeigt wird

  2. 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:

    Die Seitenleistensuche, die auf der Seite eines PWA geöffnet ist, mit einigen Suchergebnissen angezeigt

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:

Verfügbare Apps auf der Seite

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:

Das Symbol Apps kann auf der Symbolleiste angezeigt werden, um schnell darauf zuzugreifen.

Benutzer können das Menü Apps als Randleiste anheften:

Benutzer können das Menü

Benutzer können zwischen einer Listen- oder Rasteransicht wählen:

Benutzer können zwischen Listen- oder Rasteransicht für ihre Apps wählen.

Benutzer können die Sortierreihenfolge ihrer Apps auswä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 URL Handler Origin Trial 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:

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:

Die neue App-Verwaltungsseite in Microsoft Edge

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:

Die Seite mit den App-Details in Microsoft Edge

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 zum Experimentieren mit Der Überlagerung von Fenstersteuerelementen finden Sie unter Anzeigen von Inhalten in der Titelleiste.

Update 2023: Dieses Feature befindet sich nicht mehr in der Origin-Testversion und ist für alle Benutzer verfügbar, sodass Folgendes nicht mehr gilt: Registrieren Sie Ihren Ursprung für die Web-App-Fenstersteuerelemente-Overlay-Testversion in der Origin Trials Developer Console.

URL-Handler– Ursprungstest

Entwickler können jetzt das experimentelle Feature Web-App-URL-Handler in der 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 nicht mehr in der Origin-Testversion enthalten und wurde entfernt, sodass Folgendes nicht mehr gilt, und das Feature PWA-URL-Handler wurde aus der Chromium Browser-Engine entfernt: Registrieren Sie Ihre Domäne für die Testversion von Web-App-URL-Handlern in der Origin Trials Developer Console.

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 nicht mehr in der Origin-Testversion enthalten und für alle Benutzer verfügbar, 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 auf der Anmeldeseite der Ursprungstest 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:

    Das neue, optimierte App-Infomenü

  • Die Datenschutzinformationen und -steuerelemente wurden in ein dediziertes Datenschutzmenü der zweiten Ebene verschoben:

    Datenschutzkontrollen im dedizierten Menü

  • Inhaltsbezogene Tools in ein dediziertes Menü "Weitere Tools " der zweiten Ebene verschoben:

    Inhaltsbezogene Tools finden Sie jetzt im Menü Weitere Tools.

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:

Das Flyoutdialogfeld nach der Installation mit Optionen für An Taskleiste anheften, An Start anheften, Desktopverknüpfung erstellen und Autostart bei Geräteanmeldung

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.

Siehe auch