Definieren von App-Verknüpfungen (Langes Drücken oder Klicken mit der rechten Maustaste)
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.
Tastenkombinationen in Microsoft Edge unter iOS:
Eine Sprungliste (Rechtsklickmenü) 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 Verfügbarmachen gängiger App-Aktionen als Verknüpfungen unter MDN-Verweise >> Progressive Web-Apps > gewusst wie.
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:
Wechseln Sie in Microsoft Edge zu Ihrer App.
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.
Wählen Sie in DevTools auf der Symbolleiste Standard 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 (
).
Wählen Sie im Anwendungstooldie Option Manifest aus.
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 einer progressiven Web-App (PWA).
Siehe auch
- Machen Sie allgemeine App-Aktionen als Verknüpfungen unter MDN > Verweise > Progressive Web-Apps > verfügbar. Vorgehensweise.