סקירה כללית על כרטיסיות מותאמות אישית ב-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 הן הרחבה של פרוטוקול הכרטיסיות המותאמות, והן חולקות את רוב היתרונות שלו. עם זאת, במקום לספק ממשק משתמש מותאם אישית, הוא מאפשר למפתחים לפתוח כרטיסייה בדפדפן בלי ממשק משתמש בכלל. מומלץ למפתחים שרוצים לפתוח Progressive Web App משלהם במסך מלא, בתוך האפליקציה שלהם ל-Android.

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

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

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

שנתחיל?

בנוסף להדגמה ב-GitHub, יש כמה מדריכים שיעזרו לכם להתחיל להשתמש בכרטיסיות בהתאמה אישית.

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