Wie man PWAs etwas app-artiger macht

Angenommen, die Apple-Podcasts-App würde als PWA erstellt: Erklärung der Webtechnologien, die sich zur Umsetzung der einzelnen Funktionen verwenden lassen

• Offline-Unterstützung: App Shell Model

• Offline-Inhalte: Workbox, Cache, IndexedDB, Persistent Storage

• Hintergrund-Downloads: Background Fetch API

• Teilen und Anbindung an andere Apps: Web Share / Web Share Target / Async Clipboard / Contact Picker / Get Installed Related Apps APIs

• Aktualisierung im Hintergrund: Periodic Background Sync API

• Cloud-Sync: Background Sync API

• Steuerung über Hardware-Mediatasten: Media Session API

• Schnellaktionen im Kontextmenü: PWA App Manifest

• Als Standard-App für bestimmte URL-Schemata fungieren: URL Protocol Handling

• Native Dateisystem-Integration: Native File System API, Bibliothek browser-nativefs

• Nativer Look-and-Feel: user-select, system-ui, prefers-color-scheme, overscroll-behavior sowie verschiedene CSS-Eigenschaften

• Benutzerdefinierte Titelleiste: Der Browser Edge schlägt derzeit die Spezifikation Title Bar Customization vor

• Animationen: Web Animations API

• Inhalte außerhalb der App anzeigen (Widgets, Siri-Empfehlungen usw.): Content Index API

• Mediensteuerungs-Widget auf dem Sperrbildschirm: Media Session API

• Push-Benachrichtigungen: Push API, Notification Triggers API

• Badge auf dem App-Symbol anzeigen: Badging API

• Energiesparen / Eintritt in den Ruhemodus verhindern: Screen Wake Lock API

• Im App Store sichtbar machen: Unter Android ist dies über einen Trusted-Web-Activity-Container möglich