Wie man PWA installiert und Jump-Listen in Chrome und Edge erhält

PWAs sind Progressive Web Apps, die im Wesentlichen eine Möglichkeit sind, wie ein Entwickler eine Desktop-Verknüpfung für eine Website oder einen Dienst anbietet.

Mit den neuesten Canary-Versionen von Chrome und Edge ist es jetzt sogar möglich, Auswahloptionen für PWAs direkt aus der Jump-Liste zu erhalten.

Die Jump-Liste ist das Menü, das Sie erhalten, wenn Sie mit der rechten Maustaste auf ein Anwendungssymbol in der Taskleiste klicken.

Kürzlich haben Google und Microsoft die Unterstützung für PWA in den Jump-Listen von Chrome und Edge hinzugefügt.

Wie kann ich PWA installieren und Jump-Listen in Chrome aktivieren?

Zuerst müssen Sie aktivierte PWAs so einrichten, dass sie ein Menü mit Verknüpfungen anzeigen, das mit dem App-Symbol von Chrome verknüpft ist. Gehen Sie dazu wie folgt vor:

1. Öffnen Sie Google Chrome Canary und geben Sie chrome://flags/ in die Adressleiste ein.
2. Geben Sie im nächsten Fenster #enable-desktop-pwas-app-icon-shortcuts-menu in die Suchleiste ein oder scrollen Sie einfach nach unten, bis Sie die Funktion finden.
3. Klicken Sie schließlich auf die Schaltfläche rechts daneben und setzen Sie sie auf aktivieren, und starten Sie dann den Browser neu.

Wie kann ich eine PWA in Chrome installieren und ihre Jump-Liste sehen?

Jetzt müssen Sie zu einer PWA gehen und sie installieren. Google hat eine Testseite, sadchonks.com, vorbereitet, mit der wir spielen werden. So machen Sie es:

1. Sobald Sie die Website geöffnet haben, sehen Sie am rechten Rand der Adressleiste ein Pluszeichen. Klicken Sie darauf.
2. Es erscheint ein Dialogfeld, das Sie fragt, ob Sie die App installieren möchten. Klicken Sie auf installieren.

3. Das war’s. Jetzt sehen Sie das App-Symbol in Ihrer Taskleiste, und wenn Sie mit der rechten Maustaste darauf klicken, sehen Sie alle möglichen Optionen. Sie können alle neuen Bilder sehen, Ihre gespeicherten Entscheidungen und Sie können es an die Taskleiste anheften.

Die chunky cat-App ist nur ein dummes Beispiel, aber zum Beispiel haben wir dasselbe für Twitter gemacht.

Nachdem wir die Twitter-App von der Website installiert hatten, erhielten wir eine nützlichere Jump-Liste.

Wie Sie im Bild unten sehen können, können Sie mit einem Rechtsklick auf das Symbol in der Taskleiste ganz einfach einen neuen Tweet, erkunden, die Benachrichtigungen sehen oder eine Direktnachricht senden.

Wie kann ich PWA installieren und Jump-Listen in Edge aktivieren?

In ähnlicher Weise wie bei Chrome müssen Sie zuerst die Desktop-PWAs im Edge Canary-Build aktivieren.

1. Öffnen Sie Edge Canary und geben Sie edge://flags/ in die Adressleiste ein.
2. Geben Sie im nächsten Fenster #enable-desktop-pwas-app-icon-shortcuts-menu in die Suchleiste ein oder scrollen Sie einfach nach unten, bis Sie die Funktion finden.
3. Klicken Sie schließlich auf die Schaltfläche rechts daneben und setzen Sie sie auf aktivieren, und starten Sie dann den Browser neu.

Wie kann ich eine PWA in Edge installieren und ihre Jump-Liste sehen?

Für das Experiment werden wir die gleiche PWA verwenden, die von Google bereitgestellt wird, sadchonks.com.

1. Nachdem Sie die Seite geöffnet haben, klicken Sie auf das Pluszeichen am Rand der Adressleiste und wählen Sie die Installation der App aus.
2. Das war’s. Das App-Symbol befindet sich in Ihrer Taskleiste, und wenn Sie mit der rechten Maustaste darauf klicken, sehen Sie die Optionen, als hätten Sie es mit dem Chrome-Browser installiert.

Ob Sie die PWA mit Chrome oder Edge installieren, Sie sehen die App auch im Startmenü.

Haben Sie PWAs installiert? Gefällt Ihnen die Jump-Listen-Option für PWAs? Was halten Sie davon? Schreiben Sie uns Ihre Gedanken in die Kommentare unten.