Webinhalte als Haupt- oder unterstützende Inhalte in Ihre App einbetten

Mit Android können Sie die Leistungsfähigkeit des Webs in Ihrer App nutzen. So profitieren Sie von der Flexibilität und Effizienz, die die Anzeige bestimmter Arten von Inhalten bietet.

Inhalte mit WebView einbetten

Mit der WebView API können Sie die Funktionen eines Mini-Browsers nutzen, um Webinhalte in Ihrer App anzuzeigen. So können Sie webbasierte Funktionen als zentralen oder unterstützenden Teil Ihrer App bereitstellen, wie in Abbildung 1 zu sehen.

Android-App, die in Google Play geöffnet ist, wobei die primäre Webansicht in einem roten Feld hervorgehoben ist Geöffnete Android-App mit unterstützendem Text in einem roten Feld.
Abbildung 1. In die App eingebettete Webinhalte mit `WebView`-Objekten als primäre (links) und unterstützende Inhalte (rechts).

Was WebView tun kann

Mit WebView können Sie in Ihrer App Folgendes tun:

  • Webinhalte einbetten: Eine WebView wird als Komponente in die Benutzeroberfläche einer App eingebunden, ähnlich wie eine Schaltfläche oder ein Textfeld.

  • Inhalte laden: WebView kann Webinhalte aus verschiedenen Quellen laden:

    • Remote-URLs: Es kann Webseiten aus dem Internet abrufen und anzeigen, genau wie ein normaler Browser.
    • Lokale Dateien: Es können HTML-, CSS- und JavaScript-Dateien geladen werden, die in den Ressourcen der App gespeichert sind.
    • Dynamisch generierte Inhalte: Die App kann HTML-Inhalte dynamisch generieren und der WebView zur Verfügung stellen.

  • Rendern: WebView verwendet seine Browser-Engine, um HTML, CSS und JavaScript zu parsen und zu rendern. Die resultierende Webseite wird im dafür vorgesehenen Bereich der Benutzeroberfläche der App angezeigt.

  • JavaScript ausführen: WebView kann JavaScript-Code im Kontext der geladenen Webseite ausführen. Dies ermöglicht dynamische Interaktionen und Aktualisierungen innerhalb der WebView.

  • Mit Ihrer App interagieren: Hier wird WebView noch leistungsstärker. Sie ermöglicht die bidirektionale Kommunikation zwischen der Webseite und der App.

    • JavaScript-zu-App-Code: JavaScript-Code, der in einer WebView ausgeführt wird, kann Host-APIs der App aufrufen und so den Zugriff auf Gerätefunktionen wie Kamera, GPS oder Sensoren ermöglichen.

    • App-Code zu JavaScript: Die App kann auch JavaScript-Code in eine WebView einfügen, den Inhalt der Webseite bearbeiten oder auf Ereignisse reagieren, die von der Webseite ausgelöst werden.

Unterschiede zwischen WebView und einem Browser

Eine WebView ist eine hochgradig anpassbare Komponente, die die Hauptfunktion eines Fensters zum Web bietet. Im Gegensatz zu einem Browser, der eine Navigationsleiste und andere Elemente der Benutzeroberfläche für die Navigation im Web bietet, wird die allgemeine Nutzung eines WebView durch das Design und den Zweck Ihrer App bestimmt.

In den folgenden Erläuterungen erfahren Sie, wie sich WebView von Standardbrowsern unterscheidet:

UI: Eine WebView wird zum Anzeigen von Webinhalten verwendet und hat im Gegensatz zu den meisten anderen gängigen Browsern keine eigene Kopfzeile oder UI, z. B. einen Home-Button, eine Adressleiste oder ein Einstellungsmenü.

Funktionen: Viele Browser haben integrierte Funktionen, um das Surfen zu verbessern, z. B. Lesezeichen, Berechtigungen oder Verlauf.

Updates: Da Android WebView ein Systemdienst unter Android ist, werden Updates monatlich automatisch bereitgestellt und in die Apps integriert. Browser sind auf die entsprechenden App-Updates angewiesen, die dann von den Endnutzern auf ihren Geräten installiert werden müssen.

Jetzt starten

Informationen zur Verwendung von WebView in Ihrer Anwendung finden Sie im Dokument Webanwendungen in WebView erstellen.

Zusätzliche Ressourcen

Informationen zum Entwickeln von Webseiten für Android-Geräte mit WebView-Objekten oder benutzerdefinierten Tabs finden Sie in den folgenden Dokumenten: