Hinweis
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, sich anzumelden oder das Verzeichnis zu wechseln.
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, das Verzeichnis zu wechseln.
Das Beispiel progressive Web-Apps (PWAs) zeigt, wie Sie Features und APIs verwenden, die Ihre App bei der Installation auf einem Gerät schrittweise verbessern können.
Eine Übersicht über die meisten PWA-Beispiele finden Sie unter Progressive Web-Apps (PWAs) in der Infodatei für das Repository "MicrosoftEdge/Demo".
Das erste Beispiel, das bei den ersten Schritten verwendet werden soll, ist das Beispiel für den Temperaturkonverter.
Ein bestimmtes Beispiel finden Sie in der Infodatei. Einige Beispiele erfordern eine Einrichtung und funktionieren nicht, wenn Sie einfach auf den Link GitHub.io Demo der App klicken.
Die folgenden Beispiele befinden sich in einem anderen Repository als dem Repository "MicrosoftEdge/Demo".
BPM Techno
BPM Techno analysiert Audiodaten über das Gerätemikrofon und zeigt einen Echtzeit-Beats-per-Minute-Zähler (BPM) an.
Diese Demo befindet sich im Repository webmaxru/bpm-counter .
BPM Techno verwendet die folgenden Features:
| Feature | Beschreibung | Dokumentation |
|---|---|---|
| Tastenkombinationen | BPM Techno definiert eine Verknüpfung, mit der Benutzer eine Audiodatei in die App hochladen können. | Definieren von App-Verknüpfungen (Langes Drücken oder Klicken mit der rechten Maustaste) |
| Dateiverarbeitung | BPM Techno verarbeitet *.mp3 Dateien nativ. |
Behandeln von Dateien in einer PWA |
| Freigabeziel | Andere Apps können Audiodateien mit BPM Techno über das Dialogfeld zum Teilen des Betriebssystems freigeben. | Empfangen freigegebener Inhalte |
| Protokollverarbeitung | Die App verarbeitet web+bpm: URIs, die verwendet werden können, um Links zu einem zu analysierenden Song zu senden. |
Behandeln von Protokollen in einer PWA |
Webboard
Webboard ist eine Zeichnungsanwendung.
Diese Demo befindet sich im Repository pwa-builder/ web-whiteboard .
Webboard verwendet die folgenden Features:
| Feature | Beschreibung | Dokumentation |
|---|---|---|
| Webfreigabe | Zeichnungen können über das Freigabedialogfeld des Betriebssystems für andere Apps freigegeben werden. | Freigeben von Inhalt |
Weitere Informationen
- Klonen Sie das Repository "MicrosoftEdge/Demos" auf Ihr Laufwerk unter Beispielcode für DevTools.