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

Android ermöglicht es Ihnen als Entwickler, in Ihrer nativen Anwendung die Vorteile des Webs zu nutzen. So profitieren Sie von der Flexibilität und Effizienz der Darstellung bestimmter Inhaltstypen.

Inhalte mit WebView einbetten

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

Android-App, die Google Play geöffnet hat, wobei die primäre Webansicht in einem roten Feld hervorgehoben ist Eine geöffnete Android-App mit ergänzendem Text in einem roten Feld.
Abbildung 1. In der App eingebettete Webinhalte mit WebViews als Haupt- (links) und unterstützenden Inhalten (rechts).

Was kann WebView?

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

Webinhalte 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: Wie ein normaler Browser kann er Webseiten aus dem Internet abrufen und anzeigen.
  • 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 „on-the-fly“ generieren und an die WebView übergeben.

Rendern: WebView verwendet seine Browser-Engine, um HTML, CSS und JavaScript zu parsen und zu rendern. Die resultierende Webseite wird dann im dafür vorgesehenen Bereich in 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.

Interaktion mit nativen Apps: Hier zeigt WebView seine Stärken. Sie ermöglicht die bidirektionale Kommunikation zwischen der Webseite und der App.

  • JavaScript zu nativem Code: 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.
  • Native JavaScript-Unterstützung: Die App kann auch JavaScript-Code in WebView einschleusen, die Inhalte der Webseite manipulieren oder auf Ereignisse reagieren, die von der Webseite ausgelöst werden.

Wie unterscheidet sich WebView von einem herkömmlichen Browser wie Chrome?

WebView ist eine äußerst anpassbare Komponente, die die Hauptfunktionen eines Webfensters bietet. Im Gegensatz zu einem Browser, der einen Großteil der Navigationsleiste und andere Nutzeranforderungen für die allgemeine Navigation im Web bietet, wird die WebView-Oberfläche durch das Design und den Zweck Ihrer App bestimmt.

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

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

Funktionen: Viele Browser bieten zusätzliche Funktionen wie Lesezeichen, Berechtigungen oder Verlauf, um das Surfen zu erleichtern.

Updates: Da Android WebView ein Systemdienst unter Android ist, werden Updates monatlich automatisch gepusht und in die Apps eingebunden. Browser sind von den entsprechenden App-Updates abhängig und Endnutzer müssen das Update auf ihren Geräten anwenden.

Wo fange ich an?

Informationen zur Verwendung von WebView in Ihrer App finden Sie im Artikel Web-Apps in WebView erstellen.

Weitere Informationen

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