جاسازی محتوای وب در برنامه خود به عنوان محتوای اصلی یا پشتیبانی
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
اندروید به شما امکان می دهد از قدرت وب در برنامه خود استفاده کنید. بنابراین، می توانید از انعطاف پذیری و کارایی نمایش انواع خاصی از محتوا بهره مند شوید.
جاسازی محتوا با استفاده از WebView
WebView API به شما امکان می دهد به قابلیت های یک مرورگر کوچک برای نمایش محتوای وب در برنامه خود دسترسی داشته باشید. این به شما امکان می دهد تجربیات مبتنی بر وب را به عنوان یک هسته یا بخش پشتیبانی در برنامه خود ارائه دهید، همانطور که در شکل 1 مشاهده می شود.
شکل 1. محتوای وب جاسازی شده در برنامه با اشیاء «WebView» به عنوان محتوای اصلی (چپ) و محتوای پشتیبانی (راست).
کاری که WebView می تواند انجام دهد
می توانید با WebView در برنامه خود کارهای زیر را انجام دهید:
جاسازی وب : WebView به عنوان یک مؤلفه در رابط کاربری برنامه یکپارچه شده است، دقیقاً شبیه یک دکمه یا فیلد متنی.
بارگذاری محتوا : WebView می تواند محتوای وب را از منابع مختلف بارگیری کند:
URL های راه دور: می تواند مانند یک مرورگر معمولی صفحات وب را از اینترنت دریافت و نمایش دهد.
فایل های محلی: می تواند فایل های HTML، CSS و جاوا اسکریپت ذخیره شده در منابع برنامه را بارگیری کند.
محتوای تولید شده به صورت پویا: این برنامه می تواند محتوای HTML را به صورت پویا تولید کند و آن را به WebView ارائه دهد.
Render : WebView از موتور مرورگر خود برای تجزیه و رندر HTML، CSS، و جاوا اسکریپت استفاده می کند و صفحه وب حاصل را در ناحیه تعیین شده خود در رابط کاربری برنامه نمایش می دهد.
اجرای جاوا اسکریپت : WebView می تواند کد جاوا اسکریپت را در متن صفحه وب بارگذاری شده اجرا کند. این امکان تعاملات و به‌روزرسانی‌های پویا را در WebView فراهم می‌کند.
تعامل با برنامه شما : اینجاست که WebView قدرتمندتر می شود. این امکان ارتباط دو طرفه بین صفحه وب و برنامه را فراهم می کند.
کد جاوا اسکریپت به برنامه : کد جاوا اسکریپت در حال اجرا در WebView می تواند API های میزبان برنامه را فراخوانی کند و امکان دسترسی به ویژگی های دستگاه مانند دوربین، GPS یا حسگرها را فراهم کند.
کد برنامه به جاوا اسکریپت : این برنامه همچنین می‌تواند کد جاوا اسکریپت را به WebView تزریق کند، محتوای صفحه وب را دستکاری کند یا به رویدادهایی که توسط صفحه وب راه‌اندازی می‌شوند پاسخ دهد.
چگونه WebView با یک مرورگر متفاوت است
WebView یک مؤلفه بسیار سفارشی است که عملکرد اصلی یک پنجره را در وب فراهم می کند. برخلاف مرورگر که یک نوار ناوبری و سایر عناصر رابط کاربری را برای پیمایش گسترده‌تر در وب ارائه می‌کند، تجربه کلی WebView بر اساس طراحی و هدف برنامه شما شکل می‌گیرد.
برای درک بهتر تفاوت WebView با مرورگرهای استاندارد، به توضیحات زیر مراجعه کنید:
UI : WebView برای نمایش محتوای وب استفاده می شود و مانند اکثر مرورگرهای رایج دیگر هدر یا رابط کاربری خاص خود را ندارد، به عنوان مثال، دکمه خانه، نوار آدرس یا منوی تنظیمات.
ویژگی‌ها : بسیاری از مرورگرها دارای ویژگی‌های داخلی برای افزایش تجربه مرور هستند، مانند نشانک‌ها، مجوزها یا سابقه.
به‌روزرسانی‌ها : از آنجایی که Android WebView یک سرویس سیستمی در اندروید است، به‌روزرسانی‌ها به صورت خودکار به صورت ماهانه در برنامه‌ها ادغام می‌شوند. مرورگرها به به‌روزرسانی‌های برنامه مربوطه خود و سپس کاربران نهایی برای اعمال به‌روزرسانی در دستگاه‌های خود متکی هستند.
محتوا و نمونه کدها در این صفحه مشمول پروانههای توصیفشده در پروانه محتوا هستند. جاوا و OpenJDK علامتهای تجاری یا علامتهای تجاری ثبتشده Oracle و/یا وابستههای آن هستند.
تاریخ آخرین به‌روزرسانی 2025-09-04 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین به‌روزرسانی 2025-09-04 بهوقت ساعت هماهنگ جهانی."],[],[],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)"]]
