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

Mit Android können Sie als Entwickler die Leistungsfähigkeit des Webs in Ihre native Anwendung einbinden und so von der Flexibilität und Effizienz der Anzeige bestimmter Arten von Inhalten profitieren.

Inhalte mit WebView einbetten

Die WebView API bietet Entwicklern Zugriff auf die Funktionen eines Mini-Browsers, um Webinhalte in ihrer Anwendung anzuzeigen. So können Sie Webfunktionen als Kern- oder unterstützenden Teil Ihrer Anwendung bereitstellen, wie in Abbildung 1 dargestellt.

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

Was kann WebView?

Das können Sie mit WebView in Ihrer Anwendung tun:

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 spontan generieren und an die WebView weiterleiten.

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 in WebView.

Interaktion mit nativen Apps: Hier wird WebView leistungsfähiger. Sie ermöglicht die bidirektionale Kommunikation zwischen der Webseite und der App.

  • JavaScript zu nativ: JavaScript-Code, der in WebView ausgeführt wird, kann Host-APIs der App aufrufen und so den Zugriff auf Gerätefunktionen wie Kamera, GPS oder Sensoren ermöglichen.
  • Nativ für JavaScript: Die App kann auch JavaScript-Code in WebView einfügen, den Inhalt der Webseite bearbeiten oder auf Ereignisse reagieren, die von der Webseite ausgelöst werden.

Worin unterscheidet sich WebView von einem typischen Browser wie Chrome?

WebView ist eine hochgradig anpassbare Komponente, die die Kernfunktionen eines Fensters ins Web bietet. Im Gegensatz zu einem Browser, der einen Großteil der Navigationsleiste und andere Funktionen für Nutzer bereitstellt, um im Web zu navigieren, wird die Gesamterfahrung von WebView durch das Design und den Zweck Ihrer App bestimmt.

Weitere Informationen dazu, wie sich WebView von Standardbrowsern unterscheidet, finden Sie in den folgenden Erläuterungen:

Benutzeroberfläche: WebView wird zum Anzeigen von Webinhalten verwendet und hat keinen eigenen Header oder keine eigene Benutzeroberfläche wie die meisten anderen gängigen Browser (Schaltfläche „Startseite“, URL-Leiste, Navigation, Einstellungen usw.).

Funktionen: Viele Browser haben zusätzliche 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 übertragen und integriert. Browser sind auf die entsprechenden App-Updates angewiesen und darauf, dass Endnutzer das Update auf ihren Geräten installieren.

Erste Schritte

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