Menyematkan konten web ke dalam aplikasi sebagai konten utama atau pendukung
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Android memungkinkan Anda memanfaatkan kecanggihan web dalam aplikasi. Jadi, Anda dapat memperoleh manfaat dari fleksibilitas dan efisiensi dalam menampilkan jenis konten tertentu.
Menyematkan konten menggunakan WebView
API WebView memberi Anda akses ke kemampuan browser mini
untuk menampilkan konten web dalam aplikasi Anda. Dengan begitu, Anda dapat memberikan pengalaman
yang didukung web sebagai bagian inti atau pendukung dalam aplikasi Anda, seperti yang terlihat di Gambar
1.
Gambar 1. Konten web yang disematkan dalam aplikasi dengan
objek `WebView` sebagai konten utama (kiri) dan konten pendukung (kanan).
Yang dapat dilakukan WebView
Anda dapat melakukan hal berikut dengan WebView di aplikasi Anda:
Sematkan web: WebView diintegrasikan ke dalam antarmuka pengguna aplikasi sebagai
komponen, seperti tombol atau kolom teks.
Memuat konten: WebView dapat memuat konten web dari berbagai sumber:
URL jarak jauh: Dapat mengambil dan menampilkan halaman web dari internet, seperti browser biasa.
File lokal: Dapat memuat file HTML, CSS, dan JavaScript yang disimpan dalam resource aplikasi.
Konten yang dibuat secara dinamis: Aplikasi dapat membuat konten HTML secara dinamis dan menyediakannya ke WebView.
Render: WebView menggunakan mesin browsernya untuk mengurai dan merender HTML, CSS, dan JavaScript, sehingga menampilkan halaman web yang dihasilkan dalam area yang ditentukan di UI aplikasi.
Jalankan JavaScript: WebView dapat menjalankan kode JavaScript dalam
konteks halaman web yang dimuat. Hal ini memungkinkan interaksi dan pembaruan dinamis dalam WebView.
Berinteraksi dengan aplikasi Anda: Di sinilah WebView menjadi lebih canggih. API ini memungkinkan komunikasi dua arah antara halaman web dan aplikasi.
Kode JavaScript ke aplikasi: Kode JavaScript yang berjalan di WebView dapat memanggil
API host aplikasi, sehingga memungkinkan akses ke fitur perangkat seperti kamera, GPS,
atau sensor.
Kode aplikasi ke JavaScript: Aplikasi juga dapat menyuntikkan kode JavaScript ke
WebView, memanipulasi konten halaman web, atau merespons peristiwa yang dipicu
oleh halaman web.
Perbedaan WebView dengan browser
WebView adalah komponen yang sangat kustom yang menyediakan fungsi inti
jendela ke web. Tidak seperti browser, yang menyediakan kolom navigasi dan
elemen antarmuka pengguna lainnya untuk menjelajahi web secara lebih luas, keseluruhan
pengalaman WebView dibentuk oleh desain dan tujuan aplikasi Anda.
Untuk lebih memahami perbedaan WebView dengan browser standar, lihat penjelasan berikut:
UI: WebView digunakan untuk menampilkan konten web dan tidak memiliki
header atau UI sendiri seperti kebanyakan browser umum lainnya, misalnya, tombol beranda,
kolom alamat, atau menu setelan.
Fitur: Banyak browser memiliki fitur bawaan untuk meningkatkan pengalaman menjelajah, seperti bookmark, izin, atau histori.
Update: Karena Android WebView adalah layanan sistem di Android, update
akan didorong dan diintegrasikan ke dalam aplikasi secara otomatis setiap bulan.
Browser mengandalkan update aplikasi yang sesuai dan kemudian pengguna akhir menerapkan update di perangkat mereka.
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-09-03 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-09-03 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)"]]
