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

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

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

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

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

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

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

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

אנימציות של כניסה ויציאה בהתאמה אישית שיתאימו לשאר האפליקציה

דפדפן לנייד, שעובר בין מסכים, מסתיים באתר אינטרנט שנטען בכרטיסייה מותאמת אישית

שינוי הצבע של סרגל הכלים כך שיתאים למיתוג של האפליקציה.

דפדפן לנייד, שעוברים לכרטיסייה מותאמת אישית עם צבעים שתואמים לאתר

עקביות של צבעים שיכולה להישאר באפליקציה, גם אם הם עוברים בין עיצוב בהיר לעיצוב כהה.

העקביות הזו של הצבעים יכולה להישאר באפליקציה, גם אם הם עוברים בין עיצוב בהיר לעיצוב כהה.

פעולות מותאמות אישית וערכים בסרגל הכלים ובתפריטים של הדפדפן.

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

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

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

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

מזעור כרטיסייה מותאמת אישית לצורך אינטראקציה עם האפליקציה ברקע.

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

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

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

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

  1. אבטחה: כרטיסיות מותאמות אישית עושות שימוש בגלישה הבטוחה של Google כדי להגן על המשתמשים ועל המכשיר מפני אתרים מסוכנים.
  2. אופטימיזציה של ביצועים:
    1. חימום מראש של הדפדפן ברקע, כדי למנוע גניבת משאבים מהאפליקציה.
    2. האצה של זמן טעינת הדף על ידי טעינה ספקולטיבית של כתובות URL מראש.
  3. ניהול מחזור החיים: אפליקציות שמפעילות כרטיסייה מותאמת אישית לא יוסרו על ידי המערכת במהלך השימוש בכרטיסיות – החשיבות שלהן גבוהה יותר לרמה "חזית".
  4. מאגר קובצי ה-cookie המשותף ומודל ההרשאות כך שמשתמשים לא צריכים להיכנס לאתרים שהם כבר מחוברים אליהם, או להעניק מחדש הרשאות שהם כבר העניקו.
  5. אם התכונה מופעלת, תכונות דפדפן כמו חוסך הנתונים (Data Saver) משותפות, כך התוכן נטען מהר יותר ובמחיר נמוך יותר.
  6. השלמה אוטומטית מסונכרנת במכשירים שונים להשלמת טפסים בצורה טובה יותר.
  7. המשתמשים יכולים לחזור לאפליקציה עם לחצן 'הקודם' משולב.

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

Trusted Web Activity מרחיבה את הפרוטוקול 'כרטיסיות מותאמות' ומשלבת את רוב היתרונות שלו. אבל במקום לספק ממשק משתמש מותאם אישית, המפתחים יכולים לפתוח כרטיסיית דפדפן בלי להשתמש בממשק משתמש. האפליקציה הזו מומלצת למפתחים שרוצים לפתוח Progressive Web App במסך מלא באפליקציה ל-Android משלהם.

איפה זמינות הכרטיסיות המותאמות אישית?

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

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

תחילת העבודה

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

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