Benutzeroberfläche
Erweiterungen, die WebExtension-APIs nutzen, bieten mehrere Möglichkeiten der Benutzeroberfläche, damit ihre Funktionalität dem Benutzer zur Verfügung gestellt werden kann. Eine Übersicht dieser Optionen wird unten bereitgestellt, mit einer detaillierteren Einführung zu jeder Benutzeroberflächenoption in diesem Abschnitt.
Hinweis: Für Ratschläge zur Nutzung dieser UI-Komponenten zur Erstellung eines großartigen Benutzererlebnisses in Ihrer Erweiterung, lesen Sie bitte den Artikel Best Practices für Benutzererfahrung.
| UI-Option | Beschreibung | Beispiel |
|---|---|---|
| Symbolleisten-Schaltfläche (Browseraktion) | Eine Schaltfläche in der Browser-Symbolleiste, die ein Ereignis an die Erweiterung sendet, wenn darauf geklickt wird. Standardmäßig ist die Schaltfläche in allen Tabs sichtbar. |
|
| Symbolleisten-Schaltfläche mit einem Popup | Ein Popup an einer Schaltfläche in der Browser-Symbolleiste, das geöffnet wird, wenn die Schaltfläche angeklickt wird. Das Popup wird in einem HTML-Dokument definiert, das die Benutzerinteraktion behandelt. |
|
| Adressleisten-Schaltfläche (Seitenaktion) | Eine Schaltfläche in der Adressleiste des Browsers, die ein Ereignis an die Erweiterung sendet, wenn darauf geklickt wird. Standardmäßig ist die Schaltfläche in allen Tabs verborgen. |
|
| Adressleisten-Schaltfläche mit einem Popup | Ein Popup an einer Schaltfläche in der Adressleiste des Browsers, das geöffnet wird, wenn die Schaltfläche angeklickt wird. Das Popup wird in einem HTML-Dokument definiert, das die Benutzerinteraktion behandelt. |
|
| Kontextmenüelement | Menüpunkte, Kontrollkästchen und Optionsfelder in einem oder mehreren Kontextmenüs des Browsers. Menüs können auch durch Hinzufügen von Trennlinien strukturiert werden. Wenn Menüpunkte angeklickt werden, wird ein Ereignis an die Erweiterung gesendet. |
|
| Seitenleiste |
Ein HTML-Dokument, das neben einer Webseite angezeigt wird, mit der Möglichkeit für einzigartige Inhalte pro Seite. Die Seitenleiste wird beim Installieren der Erweiterung geöffnet und folgt dann der Sichtbarkeitsauswahl des Benutzers für die Seitenleiste. Benutzerinteraktionen innerhalb der Seitenleiste werden durch ihr HTML-Dokument behandelt. |
 |
| Optionsseite | Eine Seite, die es ermöglicht, Präferenzen für Ihre Erweiterung zu definieren, die Ihre Benutzer ändern können. Der Benutzer kann auf diese Seite über den Add-ons-Manager des Browsers zugreifen. |
|
| Erweiterungsseite | Verwenden Sie in Ihrer Erweiterung enthaltene Webseiten, um Formulare, Hilfe oder andere erforderliche Inhalte bereitzustellen, innerhalb von Fenstern oder Tabs. |
|
| Benachrichtigung | Kurzlebige Benachrichtigungen, die dem Benutzer über den Benachrichtigungsmechanismus des zugrunde liegenden Betriebssystems angezeigt werden. Ein Ereignis wird an die Erweiterung gesendet, wenn der Benutzer auf eine Benachrichtigung klickt oder wenn eine Benachrichtigung geschlossen wird (entweder automatisch oder auf Wunsch des Benutzers). |
|
| Adressleistenvorschlag | Bieten Sie benutzerdefinierte Adressleistenvorschläge an, wenn der Benutzer ein Schlüsselwort eingibt. |
|
| Entwicklertools-Panel | Ein Tab mit einem zugeordneten HTML-Dokument, das in den Entwicklertools des Browsers angezeigt wird. |
|
Die folgenden Anleitungen bieten Schritt-für-Schritt-Anleitungen zur Erstellung einiger dieser Benutzeroberflächenoptionen: