تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
يتيح لك نظام التشغيل Android الاستفادة من إمكانات الويب داخل تطبيقاتك. وبالتالي، يمكنك الاستفادة من المرونة والكفاءة اللتين يتيحهما عرض أنواع معيّنة من المحتوى.
يتيح لك ذلك دمج محتوى الويب الحالي بسلاسة في تطبيق Android، مثل عرض خلاصة أخبار أو عرض برامج تعليمية تفاعلية أو عرض إعلانات أو حتى استضافة لعبة صغيرة بدون إنشاء كل شيء من البداية.
يمكنك اعتبارها نافذة إلى الإنترنت من داخل تطبيقك. هناك طريقتان لتضمين محتوى الويب في تطبيقك:
WebView: تعرض هذه السمة المحتوى الذي تتحكّم فيه على الويب بشكل مضمّن في المكان الذي تريد فيه درجة عالية من المرونة في تخصيص واجهة المستخدم أو تعديلها.
Custom Tabs: تجربة تصفّح كاملة داخل التطبيق تستند إلى متصفّح المستخدم التلقائي (الاطّلاع على المتصفّحات المتوافقة) عندما ينقر المستخدمون على رابط وتريد إبقاءهم داخل التطبيق بدلاً من الانتقال إلى متصفّح خارجي، مع توفير معظم تجربة التصفّح الجاهزة للاستخدام.
الشكل 1. تمت الإشارة إلى `WebView` (على اليمين) و `علامة التبويب المخصّصة` (على اليسار).
لماذا يجب تضمين محتوى الويب؟
تتوفّر عدة مزايا عند تضمين محتوى الويب في تطبيقك، وهي:
الكفاءة: يمكنك إعادة استخدام الرمز الحالي من موقعك الإلكتروني. الاستفادة من تكنولوجيات الويب والمحتوى الحاليَّين
عمليات الدمج: استخدام محتوى خارجي من مقدّمي خدمات تابعين لجهات خارجية، مثل الوسائط والإعلانات، داخل تطبيقك
المرونة: يمكنك تعديل المحتوى بشكل ديناميكي بدون أن تكون مقيّدًا بواجهات مستخدم محدّدة مسبقًا أو بدون طرح تحديثات للتطبيق.
متى يجب استخدام محتوى الويب؟
هناك ثلاث حالات استخدام أساسية لاستخدام الويب في تطبيق Android:
عرض محتوى الويب الخاص بك بشكل مضمّن كتجربة أساسية عندما تريد درجة عالية من المرونة في تخصيص واجهة المستخدم أو تعديلها
عرض محتوى آخر، مثل الإعلانات أو البنود القانونية واللوائح التنظيمية أو محتوى آخر تابع لجهات خارجية، بشكل مضمّن أو كنافذة ضمن تجربة تطبيقك
الشكل 2. محتوى الويب المضمّن في التطبيق باستخدام
مكوّنات `WebView`كالمحتوى الأساسي (على اليمين) والمحتوى الداعم (على اليسار)
2. التصفّح داخل التطبيق باستخدام Custom Tabs أو WebView لحالات استخدام أكثر تقدّمًا
يمكنك توفير تجربة تصفّح كاملة داخل التطبيق عندما ينقر المستخدمون على رابط وتريد إبقاءهم داخل التطبيق بدلاً من الانتقال إلى متصفّح خارجي.
ملاحظة: بالنسبة إلى الأجهزة ذات الشاشات الكبيرة، مثل الأجهزة اللوحية والأجهزة القابلة للطي، تتوفّر خيارات إضافية لمساعدة التطبيقات في الاستفادة من المساحة الإضافية:
يمكن للتطبيقات فتح روابط الويب في وضع تقسيم الشاشة باستخدام تشغيل تجربة متجاورة
متعددة النوافذ. يتيح ذلك للمستخدمين إمكانية أداء مهام متعددة بين تطبيقك والمتصفّح في الوقت نفسه. أو
Custom Tabs خيار لوحة جانبية يمكن فتحه في المهمة نفسها، ولكن بجانب محتوى تطبيقك الحالي.
يتم تشغيل Custom Tab من خلال المتصفّح التلقائي للمستخدم، وذلك للمتصفّحات التي تتوافق مع Custom Tabs.
على الرغم من إمكانية استخدام WebView وتقديم تجربة تصفّح داخل التطبيق قابلة للتخصيص بشكل كبير، ننصح باستخدام Custom Tabs للحصول على تجربة متصفّح جاهزة للاستخدام والانتقال بسلاسة عندما يريد المستخدم فتح رابط ويب في المتصفّح.
الشكل 3. النقر على رابط داخل التطبيق (على اليمين) وفتح متصفّح داخل التطبيق (على اليسار)
3. عمليات تسجيل الدخول أو المصادقة داخل تطبيقك
تتمثّل الطريقة المقترَحة في Android في إنشاء عمليات تسجيل الدخول أو المصادقة باستخدام مدير بيانات الاعتماد. إذا تبيّن لك أنّه لا يزال عليك استخدام "الويب المضمّن" لهذه التجارب، اتّبِع الإرشادات التالية:
تستخدم بعض التطبيقات WebView لتوفير خطوات تسجيل الدخول للمستخدمين، بما في ذلك استخدام اسم مستخدم ومفتاح مرور (أو كلمة مرور) خاصين بتطبيقك، ما يتيح للمطوّرين توحيد خطوات المصادقة على جميع الأنظمة الأساسية.
عند الانتقال إلى مقدّم خدمة هوية أو تجربة تسجيل دخول تابعة لجهة خارجية، مثل "تسجيل الدخول باستخدام…"، تكون Custom Tabs هي الخيار الأفضل. يساعد إطلاق Custom Tab في حماية بيانات اعتماد المستخدم من خلال إبقائها محصورة في الموقع الإلكتروني التابع للجهة الخارجية.
الشكل
4. حقل تسجيل الدخول داخل التطبيق (على اليمين) وتسجيل الدخول باستخدام خدمة تابعة لجهة خارجية تم فتحه في
`علامة تبويب مخصّصة` (على اليسار).
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-09-03 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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-03 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["Android lets you build on the power of the web within your apps. So, you can\nbenefit from the flexibility and efficiency of being able to display certain\ntypes of content.\n\nThis lets you seamlessly integrate existing web content into your Android\napp, such as to display a news feed, show interactive tutorials,\ndisplay ads, or even host a mini-game without building everything from scratch.\nThink of it as a window to the internet, from within your app. There are two\nways to embed web content into your app:\n\n- [`WebView`](/reference/android/webkit/WebView): It displays web content you control inline where you want a high degree of flexibility in customizing or updating the UI.\n- [`Custom Tabs`](/develop/ui/views/layout/webapps/overview-of-android-custom-tabs): A full in-app browsing experience powered by the user's default browser ([see browser support](https://developer.chrome.com/docs/android/custom-tabs/browser-support)) for when users click a link and you want to keep them in the app, instead of leaving to an external browser, with much of the browsing experience out-of-the-box.\n\n**Figure 1.** \\`WebView\\` (left) and \\`Custom Tab\\` (right) outlined.\n\nWhy embed web content?\n\nThere are several benefits to embedding web content in your app:\n\n- **Efficiency**: Reuse existing code from your website. Build on existing web technologies and content.\n- **Integration**: Use external content from third-party providers, such as media and ads, within your app.\n- **Flexibility**: Update content dynamically without being constrained to predefined UIs, or without releasing app updates.\n\nWhen to use web content?\n\nThere are three primary uses cases for using the Web in your Android app:\n\n**1. [Embedding web content into your app as primary or supporting content](/develop/ui/views/layout/webapps/embed-web-content-in-app):\nUse `WebView`**\n\n- Display your own web content inline as a primary experience where you want a high degree of flexibility in customizing or updating the UI.\n- Display other content such as ads, legal terms and regulations, or other third-party content inline, or as a window within your app experience.\n\n**Figure 2.** Web content embedded within the app with \\`WebView\\`s as primary (left) and supporting content (right).\n\n**2. [In-app browsing](/develop/ui/views/layout/webapps/in-app-browsing-embedded-web) using `Custom Tabs`, or `WebView` for more advanced\nuse cases**\n\n- Have a full in-app browsing experience for when users click a link and you want to keep them in the app, instead of leaving to an external browser.\n - Note: For large screen devices such as tablets and foldables, there are additional options to help apps take advantage of additional space:\n - Apps can open weblinks in split screen using [launch an adjacent\n multi-window experience](/develop/ui/compose/layouts/adaptive/support-multi-window-mode#launch_adjacent). This enables users to multitask between your app and a browser at the same time. OR\n - `Custom Tabs` have a side panel option that can open in the same task, but next to your existing app content.\n- The `Custom Tab` is powered by the user's default browser, for browsers which support `Custom Tabs`.\n - While it's possible to use a `WebView` and provide a highly customizable in-app browsing experience, we recommend `Custom Tabs` for an out-of-the-box browser experience and seamless transition for when a user wants to open a web link in the browser.\n\n**Figure 3.** Clicking on an in-app link (left) and opening an in-app browser (right).\n\n**3. Login or Authentication flows within your app**\n\nAndroid's suggested approach is to build your login or authentication flows\nusing [Credential Manager](/identity/sign-in/credential-manager). If you find\nyou still need to use Embedded Web for these experiences, use the following\nguidance:\n\n- Some apps use `WebView`s to provide sign-in flows for their users, including using a username and passkey (or password) specific to your app. This enables developers to unify the authentication flows across platforms.\n- When linking out to a third-party identity provider or login experience, such as \"Sign in with...\", `Custom Tabs` are the way to go. Launching a `Custom Tab` helps protect the user's credential by keeping it isolated to the third-party site.\n\nFor more information about using `WebView`s for authentication,\nsee [Authenticate users with WebView](/identity/sign-in/credential-manager-webview).\nFor launching a `Custom Tab`, see [Overview of Android Custom Tabs](/develop/ui/views/layout/webapps/overview-of-android-custom-tabs).\n**Figure\n4.** An in-app login field (left) and a third-party login opened in a \\`Custom Tab\\` (right)."]]
