Edge PWA: er kommer snart att ha avancerade titelrader

Microsoft kommer att eliminera den visuella skillnaden mellan Edge PWA-titelfälten och andra applikationer som körs på Windows. För närvarande har sådana PWA en titelrad som replikerar Edge-fönsterramen. Detta kommer att förändras inom en snar framtid. Webbläsaren gör det möjligt för PWA-utvecklare att helt anpassa utseendet på fönsterramen.

Ta en titt på följande skärmdump. Så här ser den nya implementeringen av fönsterramen ut för Edge PWA.

Microsoft är på väg att göra titelfältsområdet mer anpassningsbart för utvecklare. Nu kommer det att vara möjligt att lägga till lite extra innehåll till det området, t.ex. kontroller eller någon del information, en anpassad logotyp eller en sökruta. Utöver dessa kommer titelfältet att behålla sina klassiska kontroller som minimera, maximera och stänga knappar. Användaren kommer att kunna flytta ett PWA-fönster med en sådan modern titelrad genom att dra och släppa.

Det finns en flagga som styr detta beteende. Så här kan du aktivera den för att testa den här funktionen.

Aktivera avancerade titelrader för Edge PWA: er

1. Öppna Microsoft Edge.
2. Typ edge://flags/#enable-desktop-pwas-controls-overlay i adressfältet och tryck på Enter.
3. Välj Aktiverad bredvid Desktop PWA Windows Controls Overlay.
4. Starta om webbläsaren när du uppmanas.

Detta kommer att aktivera det nya utseendet. Navigera nu till en webbplats som tillhandahåller progressiva webbappar, t.ex. Twitter eller YouTube, och se skillnaden.

Observera dock att det kommer att ta lite tid innan förändringen kommer att användas i stor utsträckning i PWA. Apputvecklare måste uppdatera sina webbappar för att kunna använda alla funktioner som tillhandahålls av det nya API: et. Projektet är redan dokumenterad på GitHub.

Du kan också förvänta dig att något liknande så småningom kommer att finnas tillgängligt i webbläsaren Chrome. Det beror på att båda webbläsarna är byggda ovanpå Chromium-projektet och ofta delar sina funktioner.

Tack vare TECHTSP