La superposition des contrôles de fenêtre aide les applications Web à ressembler davantage à des applications natives sur le bureau

click fraud protection

Microsoft améliore la façon dont les applications Web du navigateur Edge sont affichées sur les appareils de bureau. La société a annoncé la disponibilité de la fonctionnalité Window Controls Overlay, qui permet aux développeurs Web de utiliser de l'espace supplémentaire dans la barre de titre d'une application Web, comme ce que font les applications natives sur la plupart des systèmes d'exploitation systèmes.

La façon dont les applications Web fonctionnent actuellement sur les appareils de bureau est qu'elles ne peuvent dessiner du contenu que spécifiquement dans la fenêtre de l'application. La barre de titre, affichée en haut, est réservée à l'affichage du titre de la page, des commandes du navigateur et des commandes générales de fenêtre du système d'exploitation. À moins que vous ne créiez une application Web personnalisée qui ne repose pas sur un navigateur, cela limite la zone dans laquelle les développeurs peuvent afficher du contenu utile pour leurs applications.

Avec la superposition des contrôles de fenêtre, Microsoft Edge libère de l'espace sur la barre de titre pour que les applications puissent s'afficher. quel que soit le contenu qu'ils souhaitent, ce qui peut être utile pour les menus de niveau supérieur, les barres de recherche et d'autres fonctionnalités. Au lieu d'avoir 30 lignes de pixels occupées par la barre de titre, les contrôles de la fenêtre - tels que les boutons de réduction et de fermeture - sont désormais affichés en superposition au-dessus du contenu de l'application Web.

En tant que développeur, vous pouvez en profiter en ajoutant un membre de manifeste de remplacement d'affichage à votre manifeste d'application Web, et puis utilisez des variables CSS pour empêcher votre application Web de dessiner des éléments sous les contrôles de fenêtre dans le coin de l'application. Étant donné que les contrôles de fenêtre sont différents sous Windows, Linux ou macOS, vous devrez utiliser des variables de largeur différentes en fonction de la plate-forme sur laquelle l'application est exécutée. Vous pouvez trouver plus d'informations sur cette fonctionnalité sur le Réseau de développeurs Mozilla.

Microsoft a parlé pour la première fois de la superposition des contrôles de fenêtre il y a plus de deux ans, et a commencé à l'implémenter dans le moteur Chromium quelque temps plus tard. La fonctionnalité est désormais disponible dans Edge et Chrome à partir de la version 105, ainsi que dans Opera version 91. Les autres navigateurs basés sur Chromium devraient également le prendre en charge s'ils exécutent la dernière version de Chromium. Il existe également une spécification formelle publiée qui devrait inciter d'autres navigateurs, tels que Firefox, à également implémenter cette fonctionnalité.


Source:Microsoft