סקירה כללית על כרטיסיות מותאמות אישית ב-Android

כרטיסיות מותאמות אישית הן תכונה בדפדפני Android שמאפשרת למפתחי אפליקציות להוסיף חוויית גלישה מותאמת אישית ישירות באפליקציה שלהם.

טעינת תוכן אינטרנט היא חלק מאפליקציות לנייד מאז הימים הראשונים של הסמארטפונים, אבל אפשרויות ישנות יותר עלולות להציב אתגרים למפתחים. הפעלת הדפדפן בפועל היא מעבר הקשר כבד למשתמשים שלא ניתן להתאים אישית, בעוד שרכיבי WebView לא תומכים בכל התכונות של פלטפורמת האינטרנט, לא משתפים מצב עם הדפדפן ומוסיפים תקורה של תחזוקה.

כרטיסיות בהתאמה אישית מאפשרות למשתמשים להישאר באפליקציה בזמן הגלישה, וכך מגדילות את רמת המעורבות ומצמצמות את הסיכון שהמשתמשים ינטשו את האפליקציה. כרטיסיות בהתאמה אישית מופעלות ישירות על ידי הדפדפן המועדף של המשתמש, והן משתפות באופן אוטומטי את המצב והתכונות שהדפדפן מציע. אתם לא צריכים לכתוב קוד בהתאמה אישית כדי לנהל בקשות, הענקת הרשאות או מאגרי קובצי Cookie.

מה אפשר לעשות באמצעות כרטיסיות מותאמות אישית?

כשמשתמשים בכרטיסייה מותאמת אישית, תוכן האינטרנט נטען במנוע העיבוד שמופעל בדפדפן המועדף על המשתמש. כל תכונה של API או פלטפורמת אינטרנט זמינה שם, וזמינה בכרטיסייה המותאמת אישית. נתוני הגלישה שלהם, הסיסמאות השמורות, אמצעי התשלום והכתובות יופיעו בדיוק כמו שהם רגילים.

אילו פריטים אפשר להתאים אישית בכרטיסייה מותאמת אישית?

במידה רבה! כרטיסיות בהתאמה אישית מאפשרות לכם שליטה מפורטת בהרבה אלמנטים של כרום בדפדפן ובחוויית המשתמש. באפליקציה, מפעילים כרטיסייה מותאמת אישית באמצעות Intent. כשמפעילים את Intent הזה, אפשר להוסיף מספר מאפיינים ל-CustomTabIntent כדי לקבל את חוויית השימוש הרצויה. הנה כמה דוגמאות להתאמות אישיות שאפשר להוסיף:

  • אנימציות כניסה ויציאה בהתאמה אישית שמתאימות לשאר האפליקציה
  • שינוי הצבע של סרגל הכלים כך שיתאים למיתוג של האפליקציה
  • עקביות בצבעים שיכולה להישמר באפליקציה, גם אם משתמשים בה לסירוגין עם עיצוב בהיר ועם עיצוב כהה
  • פעולות מותאמות אישית ורשומות בסרגל הכלים ובדפדפן
  • שליטה בגובה ההשקה של הכרטיסייה המותאמת אישית, שמאפשרת פעולות כמו צפייה בסרטונים בסטרימינג בזמן אינטראקציה עם החנות האינטרנטית

בנוסף, משתמשים יכולים למזער כרטיסייה מותאמת אישית כדי ליצור אינטראקציה עם האפליקציה הבסיסית, ולשחזר אותה בכל שלב בלי לאבד את ההתקדמות שלהם, כדי להמשיך את התהליך. כך המשתמשים יכולים לבצע משימות מרובות בצורה חלקה בין האינטרנט לבין האפליקציה המקורית, במקום לסגור את הכרטיסייה המותאמת אישית. התכונה הזו מופעלת כברירת מחדל בכרטיסיות מותאמות אישית.

זה רחוק מלהיות הכול. כרטיסיות בהתאמה אישית הן כלי רב עוצמה שנמצא בשלבי פיתוח פעילים. כל דפדפן צריך להוסיף תמיכה בתכונות האלה כשהן יהיו זמינות. למרות שכמעט לכולם יש רמת תמיכה מסוימת, חשוב לדעת מה עשוי להיות זמין בדפדפנים של המשתמשים ומה לא. בטבלת השוואת התכונות אפשר לבדוק במהירות את הזמינות של התכונות השונות בדפדפני Android פופולריים.

אתם יכולים לבדוק את זה עכשיו באמצעות הדוגמה שלנו ב-GitHub.

מתי כדאי להשתמש בכרטיסיות בהתאמה אישית?

אין דרך אחת 'נכונה' לטעון תוכן אינטרנט. במצבים מסוימים, טכנולוגיית WebView היא הטכנולוגיה הנכונה לשימוש. לדוגמה, אם אתם מארחים באופן בלעדי תוכן משלכם בתוך האפליקציה, או אם אתם צריכים להוסיף קוד JavaScript ישירות מהאפליקציה. אם האפליקציה מפנה אנשים לכתובות URL מחוץ לדומיינים, סביר להניח שכדאי יותר להשתמש במצב המשותף המובנה בכרטיסיות בהתאמה אישית. יתרונות נוספים של כרטיסיות בהתאמה אישית:

  1. אבטחה: בכרטיסיות בהתאמה אישית נעשה שימוש בגלישה הבטוחה של Google כדי להגן על המשתמש ועל המכשיר מפני אתרים מסוכנים.
  2. אופטימיזציה של הביצועים:
    1. חימום מראש של הדפדפן ברקע, בלי לגנוב משאבים מהאפליקציה.
    2. כדי לקצר את זמן הטעינה של הדף, אפשר לטעון מראש כתובות URL באופן ספקולטיבי.
  3. ניהול מחזור החיים: המערכת לא תסגור אפליקציות שמפעילות כרטיסייה בהתאמה אישית בזמן השימוש בכרטיסייה. החשיבות של הכרטיסייה המותאמת אישית עולה לרמה של חזית.
  4. מודל משותף של קובצי Cookie והרשאות, כך שהמשתמשים לא צריכים להיכנס לאתרים שהם כבר מחוברים אליהם, או להעניק מחדש הרשאות שהם כבר העניקו.
  5. תכונות של הדפדפן כמו מילוי אוטומטי של טפסים זמינות לשימוש מיידי.
  6. המשתמשים יכולים לחזור לאפליקציה באמצעות לחצן חזרה משולב.

כרטיסיות מותאמות אישית לעומת פעילות Trusted Web

Trusted Web Activities (פעילויות Trusted Web) מרחיבות את פרוטוקול Custom Tabs (כרטיסיות בהתאמה אישית) ומשתפות את רוב היתרונות שלו. אבל במקום לספק ממשק משתמש מותאם אישית, הוא מאפשר למפתחים לפתוח כרטיסיית דפדפן בלי ממשק משתמש בכלל. ההמלצה הזו מיועדת למפתחים שרוצים לפתוח Progressive Web App משלהם במסך מלא, בתוך אפליקציית Android משלהם.

איפה אפשר להשתמש בכרטיסיות מותאמות אישית?

כרטיסיות בהתאמה אישית הן תכונה שנתמכת בדפדפנים בפלטפורמת Android. התכונה הזו הוצגה לראשונה ב-Chrome, בגרסה 45. הפרוטוקול נתמך ברוב הדפדפנים של Android.

נשמח לקבל משוב, שאלות והצעות לגבי הפרויקט הזה. לכן, מומלץ לדווח על בעיות בכתובת crbug.com ולשאול שאלות בטוויטר @ChromiumDev.

מידע נוסף

אם יש לכם שאלות, אתם יכולים לעיין בתג chrome-custom-tabs ב-StackOverflow.