So installieren Sie PWA und erhalten Sprunglisten in Chrome und Edge

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

Mit den neuesten kanarischen Versionen von Chrom und Kante, ist es jetzt sogar möglich, Auswahlmöglichkeiten für PWAs direkt aus der Sprungliste.

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

Vor kurzem haben Google und Microsoft die Unterstützung für PWA in den Sprunglisten von Chrome und Edge hinzugefügt.

Wie kann ich PWA installieren und Sprunglisten in Chrome aktivieren?

Zuerst müssen Sie eVerhindern Sie, dass installierte PWAs ein Menü mit Verknüpfungen enthalten, die mit dem App-Symbol von Chrome verknüpft sind. Führen Sie dazu die nächsten Schritte aus:

1. Öffne Google Chrome Canary und tippe chrome://flaggen/ in der Adressleiste.
2. Geben Sie im nächsten Fenster ein #enable-desktop-pwas-app-icon-shortcuts-menu in der Suchleiste oder scrollen Sie einfach nach unten, bis Sie die Funktion finden.
3. Klicken Sie abschließend auf die Schaltfläche rechts davon und stellen Sie sie auf „Aktivieren“ ein. Starten Sie dann den Browser neu.

Wie kann ich eine PWA in Chrome installieren und ihre Sprungliste anzeigen?

Jetzt müssen Sie zu einer PWA gehen und sie installieren. Google hat eine Testseite vorbereitet, sadchonks.com, also werden wir damit spielen. Hier ist also, wie es geht.

1. Sobald Sie die Website öffnen, sehen Sie am rechten Rand der Adressleiste ein Pluszeichen. Klick es an.
2. Sie werden einen Dialog sehen, in dem Sie gefragt werden, ob Sie die App installieren möchten. Klicken Sie auf Installieren.
   
3. Du bist gut zu gehen. 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 und Ihre gespeicherten Auswahlen sehen und sie an die Taskleiste anheften.

Die Chunky Cat App ist nur ein dummes Beispiel, aber zum Beispiel haben wir das gleiche für Twitter gemacht.

Nachdem wir die Twitter-App von der Website installiert hatten, bekamen wir eine nützlichere Sprungliste.

Wie Sie im Bild unten sehen können, können Sie ganz einfach einen neuen Tweet abrufen, erkunden, die Benachrichtigungen anzeigen oder eine Direktnachricht senden, indem Sie einfach mit der rechten Maustaste auf das Symbol in der Taskleiste klicken.

Wie kann ich PWA installieren und Sprunglisten in Edge aktivieren?

Wie bei Chrome müssen Sie zunächst Desktop-PWAs im Edge Canary-Build aktivieren.

1. Öffne Edge Canary und tippe ein edge://flaggen/ in der Adressleiste.
2. Geben Sie im nächsten Fenster ein #enable-desktop-pwas-app-icon-shortcuts-menu in der Suchleiste oder scrollen Sie einfach nach unten, bis Sie die Funktion finden.
3. Klicken Sie abschließend auf die Schaltfläche rechts davon und stellen Sie sie auf „Aktivieren“ ein. Starten Sie dann den Browser neu.

Wie kann ich eine PWA in Edge installieren und ihre Sprungliste anzeigen?

Für dieses Experiment verwenden wir dieselbe PWA von Google, sadchonks.com.

1. Nachdem Sie die Site geöffnet haben, klicken Sie auf das Pluszeichen am Rand der Adressleiste und wählen Sie aus, um die App zu installieren.
2. Das ist es. Das App-Symbol in Ihrer Taskleiste und wenn Sie mit der rechten Maustaste darauf klicken, sehen Sie die Optionen wie bei der Installation mit dem Chrome-Browser.

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

Hast du PWAs installiert? Gefällt Ihnen die Jump-List-Option für PWAs? Was denkst Du über sie? Schreiben Sie uns Ihre Gedanken in den Kommentarbereich unten.