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 und so von der Flexibilität und Effizienz der Anzeige bestimmter Arten von Inhalten profitieren.

Inhalte mit WebView einbetten

Über die WebView API haben Sie Zugriff auf die Funktionen eines Mini-Browsers zum Anzeigen von Webinhalten in Ihrer App. So können Sie webbasierte Funktionen als Kern- oder unterstützenden Teil in Ihre App einbinden, wie in Abbildung 1 zu sehen ist.

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

Was WebView kann

Mit WebView in Ihrer App haben Sie folgende Möglichkeiten:

  • Web 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 an WebView übergeben.

  • Rendern: WebView verwendet seine Browser-Engine, um HTML-, CSS- und JavaScript-Code 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 des WebView.

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

    • JavaScript- zu App-Code: JavaScript-Code, der in einem 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 ein 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

Ein WebView ist eine hochgradig benutzerdefinierte Komponente, die die Kernfunktionen eines Fensters ins Web bietet. Im Gegensatz zu einem Browser, der eine Navigationsleiste und andere Benutzeroberflächenelemente zur Navigation im Web bietet, wird die Gesamterfahrung einer WebView durch das Design und den Zweck Ihrer App bestimmt.

Weitere Informationen dazu, wie sich WebView von Standardbrowsern unterscheidet, finden Sie unten:

Benutzeroberfläche: Eine WebView wird zum Anzeigen von Webinhalten verwendet und hat keine eigene Kopfzeile oder Benutzeroberfläche wie die meisten anderen gängigen Browser, z. B. eine Schaltfläche „Startseite“, eine Adressleiste oder ein Einstellungsmenü.

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

Updates: Da Android WebView ein Systemdienst auf Android ist, werden Updates monatlich automatisch in die Apps übertragen und integriert. Browser sind auf die entsprechenden App-Updates angewiesen und darauf, dass Endnutzer das Update auf ihren Geräten anwenden.

Erste Schritte

Informationen zur Verwendung von WebView in Ihrer App finden Sie im Dokument Web-Apps 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: