Edge PWA wkrótce będzie miało zaawansowane paski tytułowe
Microsoft zamierza wyeliminować wizualną różnicę między paskami tytułu Edge PWA a innymi aplikacjami działającymi w systemie Windows. Obecnie takie PWA mają pasek tytułowy, który replikuje ramę okna Edge. To się zmieni w najbliższej przyszłości. Przeglądarka pozwoli programistom PWA w pełni dostosować wygląd ramy okiennej.
Spójrz na poniższy zrzut ekranu. Oto jak wygląda nowa implementacja ramy okiennej dla Edge PWA.
Microsoft zamierza sprawić, że obszar paska tytułu będzie bardziej konfigurowalny dla programistów. Teraz będzie można umieścić w tym obszarze dodatkową zawartość, np. kontrolki lub jakąś informację, niestandardowe logo lub pole wyszukiwania. Oprócz tego pasek tytułu zachowa klasyczne elementy sterujące, takie jak przyciski minimalizowania, maksymalizacji i zamykania. Użytkownik będzie mógł przesuwać okno PWA z tak nowoczesnym paskiem tytułowym za pomocą metody przeciągnij i upuść.
Istnieje flaga, która kontroluje to zachowanie. Oto, jak możesz włączyć go, aby przetestować tę funkcję.
Włącz zaawansowane paski tytułu dla aplikacji Edge PWA
- Otwórz Microsoft Edge.
- Rodzaj
edge://flagi/#enable-desktop-pwas-controls-overlayw pasku adresu i naciśnij klawisz Enter. - Wybierz Włączone obok Pulpit sterowania PWA Windows nakładka.
- Po wyświetleniu monitu uruchom ponownie przeglądarkę.
Umożliwi to nowy wygląd. Teraz przejdź do strony internetowej, która udostępnia progresywne aplikacje internetowe, np. Twitter lub YouTube i zobacz różnicę.
Należy jednak pamiętać, że minie trochę czasu, zanim zmiana będzie powszechnie stosowana w aplikacjach PWA. Twórcy aplikacji będą musieli zaktualizować swoje aplikacje internetowe, aby móc korzystać ze wszystkich funkcji zapewnianych przez nowy interfejs API. Projekt już jest udokumentowane na GitHub.
Można się również spodziewać, że coś podobnego w końcu będzie dostępne w przeglądarce Chrome. Dzieje się tak, ponieważ obie przeglądarki są oparte na projekcie Chromium i często dzielą się swoimi funkcjami.
Dzięki TECHTSP
