La función Superposición de controles de ventana ahora puede hacer que las aplicaciones web se vean y se sientan más como aplicaciones de escritorio nativas

Las aplicaciones web funcionan bien no solo en teléfonos móviles, sino que también han resultado ser una gran alternativa a las aplicaciones de escritorio nativas. Y para cerrar aún más la brecha entre las aplicaciones web y las aplicaciones de escritorio nativas, Microsoft ha anunciado la función Superposición de controles de ventana, que permite a los desarrolladores crear sus propias barras de título en lugar de obligarlos a usar las predeterminadas.

Las aplicaciones web y las aplicaciones de escritorio nativas tienen un aspecto similar hoy en día, excepto que las primeras utilizan una experiencia de barra de título predeterminada, que contiene información relacionada con el nombre del sitio web y otros botones de control. Y ahora, con la incorporación de la superposición de controles de ventana, los desarrolladores pueden usar toda el área donde normalmente se muestra la barra de título predeterminada. Sin embargo, los botones de ventana críticos para el sistema permanecerán sin cambios.

Los desarrolladores ahora pueden usar este espacio adicional para mostrar un título personalizado, una barra de menú, información de la cuenta, pestañas de navegación y más en sus aplicaciones web para que se vean y se sientan más como aplicaciones de escritorio nativas. La imagen de arriba publicada por Microsoft explica bien los cambios que traerá la superposición de controles de ventana una vez que use la solución.

Microsoft propuso la superposición de control de ventana en junio de 2022, pero la empresa se tomó más tiempo para construir la implementación inicial en Chromium. Y ahora, después de más de dos años, Microsoft finalmente lo está convirtiendo en una experiencia predeterminada para que todos la usen en Microsoft Edge Google Chrome con la versión 105. También está disponible en Opera 91.

Para habilitar el uso de esta función, los desarrolladores deben usar el mostrar_anular miembro manifiesto y establezca su valor en [“ventana-controles-superposición“]. También necesitará el nuevo barra-de-título-área-* Variables de entorno CSS y la nueva API de JavaScript navigator.windowControlsOverlay. Microsoft recomienda a los desarrolladores que consulten el de documentación técnica así como la Mozilla Developer Network documentos de referencia para obtener más información sobre cómo incorporar la nueva solución en las aplicaciones web.