Entwickeln von Oberflächen für die Randleiste in Microsoft Edge
Die Randleiste in Microsoft Edge ist ein persistenter Bereich an der Seite des Browsers, der mit dem primären Inhalt des Browsers koexistiert. Über die Randleiste können Benutzer problemlos auf beliebte Websites und Hilfsprogramme neben ihren Browserregisterkarten zugreifen. Der Inhalt auf der Randleiste erweitert die primäre Aufgabe des Benutzers, indem er das parallele Browsen ermöglicht und die Notwendigkeit zum Wechseln von Kontexten zwischen Browserregisterkarten minimiert. Über die Randleiste in Microsoft Edge können Benutzer auf die benötigten Produktivitätstools zugreifen, während sie in ihrem Workflow bleiben.
Als Entwickler können Sie die Randleiste auf zwei Arten für Ihre eigenen Erfahrungen nutzen:
- Indem Sie Ihre vorhandene progressive Web-App (PWA) so anpassen, dass sie in der Randleiste ausgeführt wird.
- Indem Sie die Sidebar-API in Ihrer Microsoft Edge-Erweiterung verwenden.
Wählen Sie den richtigen Ansatz
Die beiden verschiedenen Möglichkeiten, wie Sie die Randleiste nutzen können, sind so konzipiert, dass sie unterschiedliche Entwickleranforderungen erfüllen. Im Folgenden sind die wichtigsten Unterschiede zwischen Randleisten-Apps und Randleistenerweiterungen aufgeführt:
| Aspekt | Randleisten-App | Randleistenerweiterung |
|---|---|---|
| Begriffsdefinition | Eine progressive Web-App (PWA), die auf der Randleiste ausgeführt wird. | Eine Microsoft Edge-Erweiterung, die Inhalte auf der Randleiste anzeigt. |
| Distribution | Wie eine Website wird die App auf dem Webserver der App gehostet. | Die Erweiterung wird über die Microsoft Edge-Add-Ons-Website verteilt. |
| Funktionen | Die App kann alle Web-APIs und -Features sowie PWA-Funktionen wie Offlineunterstützung, Push oder Dateisystemzugriff nutzen. | Die Erweiterung kann leistungsstarke Erweiterungs-APIs verwenden, z. B. das Lesen oder Ändern der aktuellen Seite. |
| Kontext | Die App wird in einem eigenen Webkontext unabhängig von der Registerkarte Standard ausgeführt. | Die Erweiterung kann auf die aktuelle Webseite zugreifen und die Webseite über das Inhaltsskript der Erweiterung ändern. |
| Installation | Der Benutzer installiert die App, indem er mit der Randleiste interagiert, wenn er die Website der App besucht. | Die Erweiterung wird vom Benutzer von der Microsoft Edge-Add-Ons-Website installiert. |
| Verwendung durch den Benutzer | Die App verfügt über ein eigenes Symbol in der Randleiste. Wenn Sie auf das Symbol klicken, wird die Randleiste geöffnet, wenn sie geschlossen wurde, und der Inhalt der App wird angezeigt. | Die Benutzererfahrung hängt von der Erweiterung ab. Die Erweiterung kann die Seitenleiste abhängig von den Websites öffnen, die der Benutzer im Browser besucht. |
| Verwendete Technologien | Webentwicklung und PWA. Weitere Informationen finden Sie unter Übersicht über progressive Web-Apps (PWAs). | Erweiterungsentwicklung. Weitere Informationen finden Sie unter Übersicht über Microsoft Edge-Erweiterungen. |
Sidebar-Apps
Mit Randleisten-Apps können Sie Ihre vorhandene progressive Web-App (PWA) so anpassen, dass sie sicher zusammen mit anderen Browserregisterkarten ausgeführt wird, um ein paralleles gemeinsames Browsen zu ermöglichen. Dieser Ansatz ist eine gute Wahl für Webentwickler, die Begleitfunktionen wie soziale Netzwerke, Messaging oder Medien-Apps anbieten möchten, für die keine erweiterten Erweiterungsfunktionen erforderlich sind.
Die Randleisten-App-Infrastruktur hilft Benutzern, Seitenleisten-Apps zu entdecken und zu installieren, während sie im Web surfen, und bietet eine hervorragende Auffindbarkeit für Ihre App, indem sie nur eine einfache Änderung an Ihrer Webanwendungsmanifestdatei vornehmen. Randleisten-Apps sind eine gute Option, wenn Sie Ihre vorhandene Web-App für die Randleiste in Microsoft Edge wiederverwenden und die Webfunktionen, die für PWAs verfügbar sind, in vollem Umfang nutzen möchten.
Weitere Informationen zu PWAs und deren Erstellung finden Sie unter Übersicht über progressive Web-Apps (PWAs). Weitere Informationen zum Anpassen Ihrer vorhandenen PWA an die Randleiste in Microsoft Edge finden Sie unter Erstellen von PWAs für die Randleiste in Microsoft Edge.
Randleistenerweiterungen
Microsoft Edge-Erweiterungen (Add-Ons) können optional die Randleisten-API verwenden, um eine benutzerdefinierte Benutzeroberfläche in der Randleiste in Microsoft Edge anzuzeigen. Dies ist zusätzlich zu den anderen Stellen, an denen Erweiterungen auch angezeigt werden, z. B. in der Microsoft Edge-Symbolleiste oder als Popups.
Wenn die Erfahrung Ihrer App auf leistungsstarken Erweiterungs-APIs basiert, z. B. zum Lesen oder Ändern der aktuellen Seite, bietet eine Randleistenerweiterung diese Funktionen. Benutzer können diese Erweiterungen über die Microsoft Edge-Add-Ons-Website suchen und installieren. Das Microsoft Edge-Team entwickelt diese Erweiterungsmodelle für die Randleiste weiter und freut sich über Ihr Feedback. Um Feedback zu geben, erstellen Sie ein neues Issue im Repository, oder suchen Sie nach vorhandenen Problemen , und nehmen Sie an vorhandenen Unterhaltungen teil.
Weitere Informationen zu Microsoft Edge-Erweiterungen und deren Erstellung finden Sie unter Übersicht über Microsoft Edge-Erweiterungen. Weitere Informationen zur Verwendung der Randleisten-API in Ihrer Erweiterung finden Sie unter Entwickeln einer Erweiterung für die Microsoft Edge-Randleiste.