Développer des expériences pour la barre latérale dans Microsoft Edge
La barre latérale dans Microsoft Edge est un volet persistant situé sur le côté du navigateur, qui coexiste avec le contenu principal du navigateur. La barre latérale permet aux utilisateurs d’accéder facilement à des sites web et utilitaires populaires en même temps que leurs onglets de navigateur. Le contenu de la barre latérale augmente la tâche principale de l’utilisateur en activant la navigation côte à côte et en réduisant la nécessité de basculer entre les différents onglets du navigateur. En utilisant la barre latérale dans Microsoft Edge, les utilisateurs peuvent accéder aux outils de productivité dont ils ont besoin tout en restant dans leur workflow.
En tant que développeur, vous pouvez tirer parti de la barre latérale pour vos propres expériences de deux manières :
- En adaptant votre application web progressive (PWA) existante pour qu’elle s’exécute dans la barre latérale.
- En utilisant l’API barre latérale dans votre extension Microsoft Edge.
Choisir l’approche appropriée
Les deux façons différentes dont vous pouvez tirer parti de la barre latérale sont conçues pour répondre à différents besoins des développeurs. Voici les principales différences entre les applications de barre latérale et les extensions de barre latérale :
| Aspect | Application de barre latérale | Extension de barre latérale |
|---|---|---|
| Définition de terme | Application web progressive (PWA) qui s’exécute dans la barre latérale. | Extension Microsoft Edge qui affiche du contenu dans la barre latérale. |
| Distribution | Comme un site web, l’application est hébergée sur le serveur web de l’application. | L’extension est distribuée via le site web des modules complémentaires Microsoft Edge. |
| Fonctionnalités | L’application peut utiliser toutes les API et fonctionnalités web, ainsi que des fonctionnalités PWA telles que la prise en charge hors connexion, l’envoi (push) ou l’accès au système de fichiers. | L’extension peut utiliser des API d’extension puissantes, telles que la lecture ou la modification de la page active. |
| Contexte | L’application s’exécute dans son propre contexte web, distinct de l’onglet main. | L’extension peut accéder à la page web actuelle et la modifier via le script de contenu de l’extension. |
| Installation | L’utilisateur installe l’application en interagissant avec la barre latérale lors de la visite du site web de l’application. | L’extension est installée par l’utilisateur à partir du site web des modules complémentaires Microsoft Edge. |
| Expérience utilisateur | L’application a sa propre icône dans la barre latérale. Le fait de cliquer sur l’icône ouvre la barre latérale si elle a été fermée et affiche le contenu de l’application. | L’expérience utilisateur dépend de l’extension. L’extension peut ouvrir la barre latérale en fonction des sites web visités par l’utilisateur dans le navigateur. |
| Technologies utilisées | Développement web et PWA. Consultez Vue d’ensemble des Web Apps progressives (PWA). | Développement d’extensions. Consultez Vue d’ensemble des extensions Microsoft Edge. |
Applications de barre latérale
Les applications de barre latérale vous permettent d’adapter votre application web progressive (PWA) existante pour qu’elle s’exécute en toute sécurité avec d’autres onglets de navigateur pour une expérience de co-navigation côte à côte. Cette approche est un excellent choix pour les développeurs web qui souhaitent offrir des expériences complémentaires, y compris des applications de réseaux sociaux, de messagerie ou de médias qui ne nécessitent pas de fonctionnalités d’extensions avancées.
L’infrastructure des applications de barre latérale permet aux utilisateurs de découvrir et d’installer des applications de barre latérale à mesure qu’ils naviguent sur le web, ce qui offre une grande détectabilité pour votre application simplement en apportant une simple modification au fichier manifeste de votre application web. Les applications de barre latérale sont une excellente option si vous souhaitez réutiliser votre application web existante pour la barre latérale dans Microsoft Edge et tirer pleinement profit des fonctionnalités web disponibles pour les PWA.
Pour en savoir plus sur les PWA et sur la façon de les créer, consultez Vue d’ensemble des Web Apps progressives (PWA). Pour en savoir plus sur l’adaptation de votre PWA existante à la barre latérale dans Microsoft Edge, consultez Créer une PWA pour la barre latérale dans Microsoft Edge.
Extensions de barre latérale
Les extensions Microsoft Edge (modules complémentaires) peuvent éventuellement utiliser l’API de barre latérale pour afficher une interface utilisateur personnalisée dans la barre latérale dans Microsoft Edge. Cela s’ajoute aux autres emplacements où les extensions apparaissent également, par exemple dans la barre d’outils Microsoft Edge, ou sous forme de fenêtres contextuelles.
Si l’expérience de votre application s’appuie sur des API d’extensions puissantes, par exemple pour lire ou modifier la page active, une extension de barre latérale fournit ces fonctionnalités. Les utilisateurs peuvent rechercher et installer ces extensions via le site web des modules complémentaires Microsoft Edge. L’équipe Microsoft Edge continue de faire évoluer ces modèles d’extensibilité de barre latérale et vous invite à nous faire part de vos commentaires. Pour laisser des commentaires, créez un problème dans le référentiel ou recherchez des problèmes existants et rejoignez des conversations existantes.
Pour en savoir plus sur les extensions Microsoft Edge et sur la façon de les créer, consultez Vue d’ensemble des extensions Microsoft Edge. Pour en savoir plus sur l’utilisation de l’API de barre latérale dans votre extension, consultez Développer une extension pour la barre latérale Microsoft Edge.