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 der Anzeige bestimmter Arten von Inhalten.

Inhalte mit WebView einbetten

Die WebView API gibt Ihnen Zugriff auf die Funktionen eines Mini-Browsers um Webinhalte in Ihrer App anzuzeigen. So können Sie webbasierte Funktionen als Kernbestandteil oder unterstützenden Teil in Ihre App einbinden, wie in Abbildung 1 zu sehen.

Android-App, die zu Google Play geöffnet wird, 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 Webinhalte, die mit `WebView`-Objekten als primäre (links) und unterstützende Inhalte (rechts) in die App eingebettet sind.

Funktionen von WebView

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

  • Web einbetten: Ein 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: Webseiten können wie in einem normalen Browser aus dem Internet abgerufen und angezeigt werden.
    • Lokale Dateien: HTML-, CSS- und JavaScript-Dateien, die in den Ressourcen der App gespeichert sind, können geladen werden.
    • Dynamisch generierte Inhalte: Die App kann HTML-Inhalte dynamisch generieren und an WebView senden.

  • 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. So sind dynamische Interaktionen und Aktualisierungen in WebView möglich.

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

    • JavaScript-Code für 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 für JavaScript: Die App kann auch JavaScript-Code in ein WebView einschleusen, 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 Hauptfunktion eines Fensters zum Web bietet. Im Gegensatz zu einem Browser, der eine Navigationsleiste und andere Benutzeroberflächenelemente bietet, um im Web zu navigieren, wird die Gesamterfahrung eines WebView durch das Design und den Zweck Ihrer App bestimmt.

Die folgenden Erklärungen helfen Ihnen, die Unterschiede zwischen WebView und Standardbrowsern besser zu verstehen:

Benutzeroberfläche: Ein 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“, 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 in die Apps eingeführt. Bei Browsern müssen die entsprechenden App-Updates angewendet werden und die Endnutzer müssen das Update dann auf ihren Geräten installieren.

Jetzt starten

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: