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

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

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

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

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

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

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

הרבה! כרטיסיות בהתאמה אישית מאפשרות לכם לשלוט באופן מדויק בהרבה מהעיצוב של הדפדפן וחוויית המשתמש. באפליקציה, מפעילים כרטיסייה בהתאמה אישית באמצעות 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.