نمای کلی تب های سفارشی اندروید

تب های سفارشی یک ویژگی در مرورگرهای اندروید است که به توسعه دهندگان برنامه راهی می دهد تا یک تجربه مرورگر سفارشی شده را مستقیماً در برنامه خود اضافه کنند.

بارگیری محتوای وب بخشی از برنامه های تلفن همراه از روزهای اولیه تلفن های هوشمند بوده است، اما گزینه های قدیمی تر می توانند چالش هایی را برای توسعه دهندگان ایجاد کنند. راه‌اندازی مرورگر واقعی یک سوئیچ زمینه سنگین برای کاربران است که قابل تنظیم نیست، در حالی که WebViews از همه ویژگی‌های پلتفرم وب پشتیبانی نمی‌کند ، وضعیت را با مرورگر به اشتراک نمی‌گذارد و هزینه تعمیر و نگهداری اضافه می‌کند.

تب های سفارشی نسبت به باز کردن یک مرورگر خارجی تجربه کاربری بهتری را ارائه می دهند. آنها به کاربران اجازه می دهند در حین مرور در برنامه باقی بمانند، تعامل را افزایش می دهند و خطر ترک برنامه را کاهش می دهند. آنها این کار را با پشتیبانی مستقیم از مرورگر دلخواه کاربر و به اشتراک گذاری خودکار وضعیت و ویژگی های ارائه شده توسط آن انجام می دهند. برای مدیریت درخواست‌ها، اعطای مجوز یا فروشگاه‌های کوکی نیازی به نوشتن کد سفارشی ندارید.

تب های سفارشی چه کاری می توانند انجام دهند؟

با استفاده از یک برگه سفارشی، محتوای وب شما در هر موتور رندری که مرورگر مورد نظر کاربر شما را تقویت کند بارگیری می شود. هر API یا ویژگی پلت فرم وب در آنجا موجود است و در برگه سفارشی شما در دسترس خواهد بود. جلسه مرور، گذرواژه‌های ذخیره‌شده، روش‌های پرداخت و آدرس‌های آن‌ها همگی دقیقاً همانطور که قبلاً به آن عادت کرده‌اند نشان داده می‌شوند.

چه چیزی را می توانم در یک برگه سفارشی سفارشی کنم؟

کمی زیاد! برگه های سفارشی به شما کنترل دقیقی بر روی بسیاری از مرورگر کروم و تجربه کاربری می دهد. در برنامه خود، یک برگه سفارشی را با استفاده از Intent راه‌اندازی می‌کنید. هنگامی که این Intent فراخوانی می شود، می توانید تعدادی ویژگی به CustomTabIntent اضافه کنید تا تجربه دقیق مورد نظر خود را به دست آورید. برخی از سفارشی‌سازی‌هایی که می‌توانید اضافه کنید در اینجا فهرست شده‌اند.

انیمیشن های ورودی و خروجی سفارشی برای مطابقت با بقیه برنامه شما

یک مرورگر تلفن همراه، در حال عبور از بین صفحه‌ها، با یک وب‌سایت بارگیری شده در یک برگه سفارشی خاتمه می‌یابد

تغییر رنگ نوار ابزار برای مطابقت با نام تجاری برنامه شما.

یک مرورگر تلفن همراه، در حال انتقال به یک برگه سفارشی با رنگ‌هایی که با یک وب‌سایت مطابقت دارند

سازگاری رنگی که می تواند در برنامه شما بماند، حتی اگر بین تم های روشن و تاریک جابجا شود.

و این ثبات رنگ می تواند در برنامه شما باقی بماند، حتی اگر بین تم های روشن و تاریک جابجا شود.

اقدامات و ورودی های سفارشی به نوار ابزار مرورگر و منوها.

یک برگه سفارشی که منوی خود را با ورودی های سفارشی نشان می دهد.

ارتفاع راه‌اندازی برگه سفارشی را کنترل کنید و مواردی مانند پخش جریانی ویدیوهای خود را در حین تعامل با فروشگاه وب خود فعال کنید.

باز شدن جزئی برگه سفارشی با ارتفاع تنظیم شده.

کاربران می توانند یک برگه سفارشی را برای تعامل با برنامه اصلی به حداقل برسانند و آن را در هر زمان بدون از دست دادن هیچ پیشرفتی بازیابی کنند تا سفر خود را از سر بگیرند. این به کاربران جایگزینی برای بستن برگه سفارشی می دهد و می توانند به طور یکپارچه بین وب و برنامه بومی چند کار انجام دهند. این ویژگی به‌طور پیش‌فرض برای تب‌های سفارشی که با Chrome 122 بتا شروع می‌شود، فعال است.

برای تعامل با برنامه پس‌زمینه، یک برگه سفارشی را به حداقل برسانید.

که از همه چیز دور است. تب های سفارشی بسیار قدرتمند هستند و در حال توسعه فعال هستند. هر مرورگر باید پشتیبانی از این ویژگی‌ها را به محض در دسترس شدن اضافه کند. در حالی که تقریباً همه دارای سطحی از پشتیبانی هستند، مهم است که بدانید چه چیزی ممکن است در مرورگرهای کاربر شما موجود باشد یا نباشد. برای بررسی سریع در دسترس بودن ویژگی های مختلف در مرورگرهای محبوب اندروید، به جدول مقایسه ویژگی ها مراجعه کنید.

اکنون می توانید این را با نمونه ما در GitHub آزمایش کنید.

چه زمانی باید از تب های سفارشی استفاده کنم؟

هیچ راه "درست" واحدی برای بارگیری محتوای وب وجود ندارد. در شرایط خاص، WebView فناوری مناسبی برای استفاده خواهد بود. به عنوان مثال، اگر به طور انحصاری محتوای خود را در برنامه خود میزبانی می کنید، یا اگر نیاز به تزریق جاوا اسکریپت به طور مستقیم از برنامه خود دارید. اگر برنامه شما افراد را به آدرس‌های اینترنتی خارج از دامنه هدایت می‌کند، حالت اشتراک‌گذاری داخلی در برگه‌های سفارشی به این معنی است که آنها احتمالاً انتخاب بهتری هستند. سایر نقاط قوت تب های سفارشی عبارتند از:

  1. امنیت: برگه‌های سفارشی از مرور ایمن Google برای محافظت از کاربر و دستگاه در برابر سایت‌های خطرناک استفاده می‌کنند.
  2. بهینه سازی عملکرد:
    1. قبل از گرم شدن مرورگر در پس زمینه، در حالی که از سرقت منابع از برنامه جلوگیری می شود.
    2. با بارگذاری فرضی URL ها از قبل، زمان بارگذاری صفحه را افزایش دهید.
  3. مدیریت چرخه حیات: برنامه‌هایی که یک برگه سفارشی را راه‌اندازی می‌کنند در طول استفاده از Tabs توسط سیستم حذف نمی‌شوند - اهمیت آن به سطح «پیش‌زمینه» افزایش می‌یابد.
  4. شیشه کوکی مشترک و مدل مجوزها، بنابراین کاربران مجبور نباشند به سایت‌هایی که قبلاً به آنها متصل هستند وارد شوند یا مجوزهایی را که قبلاً اعطا کرده‌اند، مجدداً اعطا کنند.
  5. ویژگی‌های مرورگر مانند Data Saver به اشتراک گذاشته می‌شوند، اگر فعال باشد - محتوا سریع‌تر و ارزان‌تر بارگیری می‌شود.
  6. تکمیل خودکار همگام‌سازی شده در دستگاه‌ها برای تکمیل فرم بهتر.
  7. کاربران می توانند با یک دکمه بازگشت یکپارچه به برنامه بازگردند.

برگه‌های سفارشی در مقابل فعالیت وب مورد اعتماد

Trusted Web Activities پروتکل Custom Tabs را گسترش داده و بیشتر مزایای آن را به اشتراک می گذارد. اما، به جای ارائه یک UI سفارشی، به توسعه دهندگان این امکان را می دهد که یک برگه مرورگر را بدون هیچ رابط کاربری باز کنند. برای توسعه دهندگانی که می خواهند برنامه وب پیشرو خود را به صورت تمام صفحه در داخل برنامه اندروید خود باز کنند، توصیه می شود.

برگه های سفارشی کجا در دسترس هستند؟

تب های سفارشی یک ویژگی است که توسط مرورگرهای پلتفرم اندروید پشتیبانی می شود. این پروتکل در ابتدا توسط کروم در نسخه 45 معرفی شد. این پروتکل توسط اکثر مرورگرهای اندروید پشتیبانی می شود.

ما به دنبال بازخورد، سؤال و پیشنهاد در مورد این پروژه هستیم، بنابراین شما را تشویق می‌کنیم تا مشکلات را در crbug.com ثبت کنید و در Twitter @ChromiumDev سؤال بپرسید.

شروع کنید

علاوه بر نسخه نمایشی GitHub ، تعدادی راهنما برای شروع کار با تب های سفارشی وجود دارد.

برای سؤالات، برچسب chrome-custom-tabs را در StackOverflow بررسی کنید.