La fonction de superposition des commandes de fenêtre peut désormais donner aux applications Web l'apparence et la sensation d'applications de bureau natives

Les applications Web fonctionnent bien non seulement sur les téléphones mobiles, mais elles se sont également avérées être une excellente alternative aux applications de bureau natives. Et pour combler encore plus le fossé entre les applications Web et les applications de bureau natives, Microsoft a annoncé la fonctionnalité de superposition des contrôles de fenêtre, permettant aux développeurs de créer leurs propres barres de titre au lieu de les forcer à utiliser celles par défaut.

Les applications Web et les applications de bureau natives se ressemblent de nos jours, sauf que la première utilise une expérience de barre de titre par défaut, qui contient des informations relatives au nom du site Web et à d'autres boutons de contrôle. Et maintenant, avec l'incorporation de Window Controls Overlay, les développeurs peuvent utiliser toute la zone où la barre de titre par défaut est normalement affichée. Cependant, les boutons de fenêtre critiques pour le système resteront inchangés.

Les développeurs peuvent désormais utiliser cet espace supplémentaire pour afficher un titre personnalisé, une barre de menus, des informations de compte, des onglets de navigation, etc. sur leurs applications Web pour les faire ressembler davantage à des applications de bureau natives. L'image ci-dessus publiée par Microsoft explique bien les changements que la superposition de contrôles de fenêtre apportera une fois que vous utiliserez la solution.

Microsoft a proposé la superposition de contrôle de fenêtre en juin 2022, mais la société a mis plus de temps pour construire la première implémentation dans Chromium. Et maintenant, après plus de deux ans, Microsoft en fait enfin une expérience par défaut que tout le monde peut utiliser dans Microsoft Edge Google Chrome avec la version 105. Il est également disponible dans Opera 91.

Pour accepter d'utiliser cette fonctionnalité, les développeurs doivent utiliser le display_override manifeste et définissez sa valeur sur ["fenêtre-contrôles-superposition“]. Il aura également besoin du nouveau barre de titre-zone-* Variables d'environnement CSS et la nouvelle API JavaScript navigator.windowControlsOverlay. Microsoft recommande aux développeurs de consulter le documentation technique la Réseau de développeurs Mozilla documentation de référence pour en savoir plus sur l'intégration de la nouvelle solution dans les applications Web.