Edge PWA'er vil snart have avancerede titellinjer

Microsoft vil fjerne den visuelle forskel mellem Edge PWA-titellinjerne og andre applikationer, der kører på Windows. I øjeblikket har sådanne PWA en titellinje, der replikerede Edge-vinduesrammen. Dette vil ændre sig i den nærmeste fremtid. Browseren giver PWA-udviklere mulighed for fuldt ud at tilpasse udseendet af vinduesrammen.

Tag et kig på følgende skærmbillede. Her er hvordan den nye implementering af vinduesrammen ser ud til Edge PWA.

Microsoft er ved at gøre titellinjeområdet mere tilpasseligt for udviklere. Nu vil det være muligt at tilføje noget ekstra indhold til det område, f.eks. kontroller eller en eller anden information, et brugerdefineret logo eller et søgefelt. Ud over dem bevarer titellinjen sine klassiske kontroller som knapper til at minimere, maksimere og lukke. Brugeren vil være i stand til at flytte et PWA-vindue med en sådan moderne titellinje ved hjælp af træk og slip.

Der er et flag, der styrer denne adfærd. Her er, hvordan du kan aktivere den til at teste denne funktion.

Aktiver avancerede titellinjer for Edge PWA'er

1. Åbn Microsoft Edge.
2. Type edge://flags/#enable-desktop-pwas-controls-overlay i adresselinjen og tryk på Enter-tasten.
3. Vælg Aktiveret ud for Desktop PWA Windows Controls Overlay.
4. Genstart browseren, når du bliver bedt om det.

Dette vil aktivere det nye udseende. Naviger nu til et websted, der tilbyder progressive webapps, f.eks. Twitter eller YouTube, og se forskellen.

Bemærk dog, at det vil tage noget tid, før ændringen vil blive almindeligt brugt i PWA'er. App-udviklere bliver nødt til at opdatere deres webapps for at kunne bruge alle funktionerne fra den nye API. Projektet er allerede dokumenteret på GitHub.

Du kan også forvente, at noget lignende med tiden vil være tilgængeligt i Chrome-browseren. Det skyldes, at begge browsere er bygget oven på Chromium-projektet og ofte deler deres funktioner.

Tak til TECHTSP