Webinhalte als Haupt- oder unterstützende Inhalte in Ihre App einbetten
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
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.
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.
Informationen zum Entwickeln von Webseiten für Android-Geräte mit WebView-Objekten oder benutzerdefinierten Tabs finden Sie in den folgenden Dokumenten:
Alle Inhalte und Codebeispiele auf dieser Seite unterliegen den Lizenzen wie im Abschnitt Inhaltslizenz beschrieben. Java und OpenJDK sind Marken oder eingetragene Marken von Oracle und/oder seinen Tochtergesellschaften.
Zuletzt aktualisiert: 2025-09-05 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-09-05 (UTC)."],[],[],null,["Android lets you build on the power of the web within your app. So, you can\nbenefit from the flexibility and efficiency of displaying certain types of\ncontent.\n\nEmbedding content using `WebView`\n\nThe [`WebView`](/reference/android/webkit/WebView) API gives you access to the capabilities of a mini-browser\nfor displaying web content within your app. This lets you provide web-powered\nexperiences as a core or supporting part within your app, as seen in **Figure\n1**.\n**Figure 1.** Web content embedded within the app with \\`WebView\\` objects as primary (left) and supporting content (right).\n\nWhat `WebView` can do\n\nYou can do the following with `WebView` in your app:\n\n- **Embed web** : A `WebView` is integrated into an app's user interface as a\n component, much like a button or text field.\n\n- **Load content** : `WebView` can load web content from various sources:\n\n - Remote URLs: It can fetch and display web pages from the internet, just like a regular browser.\n - Local files: It can load HTML, CSS, and JavaScript files stored within the app's resources.\n - Dynamically generated content: The app can generate HTML content dynamically and provide it to the `WebView`.\n- **Render** : `WebView` uses its browser engine to parse and render the HTML,\n CSS, and JavaScript, displaying the resulting web page within its designated\n area in the app's UI.\n\n- **Execute JavaScript** : `WebView` can execute JavaScript code within the\n context of the loaded web page. This allows for dynamic interactions and\n updates within the `WebView`.\n\n- **Interact with your app** : This is where `WebView` gets more powerful. It\n enables bidirectional communication between the web page and the app.\n\n - **JavaScript to app code** : JavaScript code running in a `WebView` can call\n host APIs of the app, enabling access to device features like camera, GPS,\n or sensors.\n\n - **App code to JavaScript** : The app can also inject JavaScript code into a\n `WebView`, manipulate the web page's content, or respond to events triggered\n by the web page.\n\nHow `WebView` differs from a browser\n\nA `WebView` is a highly custom component that provides the core functionality of\na window into the web. Unlike a browser, which provides a navigation bar and\nother user interface elements to navigate the web more broadly, the overall\nexperience of a `WebView` is shaped by your app's design and purpose.\n\nTo better understand how `WebView` differs from standard browsers, see the\nfollowing explanations:\n\n**UI** : A `WebView` is used for displaying web content and doesn't have its own\nheader or UI like most other common browsers, for example, a home button,\naddress bar, or settings menu.\n\n**Features**: Many browsers have built-in features to augment the\nbrowsing experience, such as bookmarks, permissions, or history.\n\n**Updates** : Because Android `WebView` is a system service on Android, updates\nare pushed and integrated into the apps automatically on a monthly basis.\nBrowsers rely on their corresponding app updates and then for end users to apply\nthe update on their devices.\n\nGet started\n\nFor information on how to use `WebView` in your app, see the document\n[Build web apps in `WebView`](/guide/webapps/webview).\n\nAdditional resources\n\nTo develop web pages for Android-powered devices using `WebView` objects or\nCustom Tabs, see the following documents:\n\n- [Build web apps in `WebView`](/guide/webapps/webview)\n- [Manage `WebView` objects](/guide/webapps/managing-webview)\n- [Support different screens in web apps](/guide/webapps/targeting)\n- [Debug web apps](/guide/webapps/debugging)\n- [Best practices for web apps](/guide/webapps/best-practices)\n- [Opt-in to `WebView` Beta](https://play.google.com/apps/testing/com.google.android.webview)\n- [In-app browsing using embedded web](/develop/ui/views/layout/webapps/in-app-browsing-embedded-web)\n- [Overview of Android Custom Tabs](/develop/ui/views/layout/webapps/overview-of-android-custom-tabs)"]]
