Las Edge PWA pronto tendrán barras de título avanzadas

Microsoft eliminará la diferencia visual entre las barras de título de Edge PWA y otras aplicaciones que se ejecutan en Windows. Actualmente, dichas PWA tienen una barra de título que replica el marco de la ventana Edge. Esto cambiará en un futuro próximo. El navegador permitirá a los desarrolladores de PWA personalizar completamente el aspecto del marco de la ventana.

Eche un vistazo a la siguiente captura de pantalla. Así es como se ve la nueva implementación del marco de ventana para Edge PWA.

Microsoft está a punto de hacer que el área de la barra de título sea más personalizable para los desarrolladores. Ahora será posible poner contenido adicional en esa área, por ejemplo, controles o alguna información, un logotipo personalizado o un cuadro de búsqueda. Además de ellos, la barra de título conservará sus controles clásicos como los botones de minimizar, maximizar y cerrar. El usuario podrá mover una ventana de PWA con una barra de título tan moderna usando la función de arrastrar y soltar.

Hay una bandera que controla este comportamiento. Así es como puede habilitarlo para probar esta función.

Habilite barras de título avanzadas para Edge PWA

1. Abra Microsoft Edge.
2. Escriba edge://flags/#enable-desktop-pwas-controls-overlay en la barra de direcciones y presione la tecla Enter.
3. Seleccione Activado junto al Superposición de controles de Windows de PWA de escritorio.
4. Reinicie el navegador cuando se le solicite.

Esto permitirá la nueva apariencia. Ahora, navegue hasta un sitio web que proporcione aplicaciones web progresivas, por ejemplo, Twitter o YouTube, y observe la diferencia.

Sin embargo, tenga en cuenta que pasará algún tiempo antes de que el cambio se utilice ampliamente en las PWA. Los desarrolladores de aplicaciones tendrán que actualizar sus aplicaciones web para poder utilizar todas las funciones proporcionadas por la nueva API. El proyecto ya esta documentado en GitHub.

Además, puede esperar que algo similar eventualmente esté disponible en el navegador Chrome. Esto se debe a que ambos navegadores se basan en el proyecto Chromium y, a menudo, comparten sus funciones.

Gracias a TECHTSP