Los PWA de Edge 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, tales 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 algo de contenido extra en esa área, por ejemplo, controles o algún dato, un logo personalizado o un cuadro de búsqueda. Además de esos, la barra de título conservará sus controles clásicos como minimizar, maximizar y cerrar botones. El usuario podrá mover una ventana de PWA con una barra de título tan moderna usando arrastrar y soltar.

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

Habilitar barras de título avanzadas para Edge PWA

1. Abra Microsoft Edge.
2. Escribe 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 PWA de escritorio.
4. Reinicie el navegador cuando se le solicite.

Esto habilitará la nueva apariencia. Ahora, navegue a un sitio web que proporcione aplicaciones web progresivas, p. Ej. Twitter o YouTube, y vea 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 deberán 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