Definieren von App-Verknüpfungen

Mit App-Verknüpfungen können Benutzer allgemeine Aufgaben schneller und einfacher erledigen und ihre Interaktion mit einer App erhöhen.

Auf mobilen Geräten kann auf Tastenkombinationen in der Regel durch langes Drücken eines App-Symbols zugegriffen werden. Unter Windows sind Tastenkombinationen als Jumplists integriert. Sprunglisten definieren Popupmenüs, die angezeigt werden, wenn Sie im Startmenü mit der rechten Maustaste auf eine Kachel klicken oder mit der rechten Maustaste auf ein Symbol in der Taskleiste klicken.

Die nächste Abbildung zeigt Die Tastenkombinationen in Microsoft Edge und unter iOS:

Die nächste Abbildung zeigt eine Jumplist in der Webboard-App unter Windows:

Progressive Web Apps (PWAs) können auch allgemeine Aufgaben als Verknüpfungen im Web-App-Manifest definieren. Weitere Informationen finden Sie unter Verwenden von Tastenkombinationen zum Bereitstellen des schnellen Zugriffs auf Features in Verwenden eines Web-App-Manifests zum Integrieren einer PWA in das Betriebssystem.

Definieren von Verknüpfungen

Das Definieren von Verknüpfungen erfolgt mithilfe des shortcuts Manifestelements. Dieser Member ist ein Array, das mehrere Verknüpfungen enthalten kann. Jede Verknüpfung ist im Wesentlichen eine URL, die angefordert wird, wenn die Verknüpfung verwendet und die App gestartet wird.

{
    "shortcuts" : [
        {
            "name": "Today's agenda",
            "url": "/today",
            "description": "List of events planned for today"
        },
        {
            "name": "New event",
            "url": "/create/event"
        },
        {
            "name": "New reminder",
            "url": "/create/reminder"
        }
    ]
}

Die folgenden Eigenschaften können verwendet werden:

Eigenschaft	Details
name	Eine Zeichenfolge, die dem Benutzer in Jumplists oder im Kontextmenü angezeigt wird.
short_name	Eine Zeichenfolge, die angezeigt wird, wenn nicht genügend Speicherplatz vorhanden ist, um den vollständigen Namen der Verknüpfung anzuzeigen.
description	Eine Zeichenfolge, die den Zweck der Verknüpfung beschreibt. Auf die Zeichenfolge kann von Hilfstechnologien zugegriffen werden.
url	Der URI in der Web-App, der geöffnet wird, wenn die Verknüpfung aktiviert wird.
icons	Ein Satz von Symbolen, der die Verknüpfung darstellt.

Weitere Informationen finden Sie unter Verknüpfungen bei MDN.

Debugverknüpfungen

Sie können testen, dass Ihre Tastenkombinationen ordnungsgemäß konfiguriert sind, indem Sie den Bereich Anwendung von DevTools verwenden.

So testen Sie, dass Ihre Tastenkombinationen ordnungsgemäß konfiguriert sind:

1. Wechseln Sie in Microsoft Edge zu Ihrer App.

2. Klicken Sie zum Öffnen von DevTools mit der rechten Maustaste auf die Webseite, und wählen Sie dann Überprüfen aus. Oder drücken Sie STRG+UMSCHALT+I (Windows, Linux) oder BEFEHL+WAHL+I (macOS). DevTools wird geöffnet.

3. Wählen Sie in DevTools auf der Hauptsymbolleiste die Registerkarte Anwendung aus. Wenn diese Registerkarte nicht angezeigt wird, klicken Sie auf die Schaltfläche Weitere Registerkarten () oder auf die Schaltfläche Weitere Tools ().

4. Wählen Sie im Anwendungstooldie Option Manifest aus.

5. Scrollen Sie nach unten, um die Liste der Tastenkombinationen anzuzeigen.

   

Weitere Informationen zur Verwendung des Bereichs "Anwendung" zum Debuggen von PWAs finden Sie unter Debuggen von progressiven Web-Apps (PWAs).For more learn about using the Application panel to debug PWAs, see Debug Progressive Web Apps (PWAs).

Siehe auch

• Verwenden Sie Tastenkombinationen, um schnellen Zugriff auf Features in Verwenden eines Web-App-Manifests zum Integrieren einer PWA in das Betriebssystem bereitzustellen.