מעבר למערכת ההתראות המקורית ב-macOS

פול לואיס
סטיבן מק'גרואר
סטיבן מק'גרואר

החל מגרסה Chrome 59, התראות שנשלחות דרך Notifications API או chrome.notifications extensions API יוצגו ישירות על ידי מערכת ההתראות המקורית של macOS, במקום על ידי המערכת של Chrome עצמה.

השינוי הזה משפר את החוויה של שילוב Chrome ב-macOS בפלטפורמה ומתקן כמה באגים ארוכים, כמו ש-Chrome לא מכבד את הגדרת 'נא לא להפריע' במערכת.

בהמשך נבחן את ההבדלים בין ממשקי ה-API הקיימים בעקבות השינוי הזה.

מרכז ההתראות

אחד מהיתרונות של השינוי הזה הוא שההתראות מוצגות במרכז ההתראות של macOS.

התראות Google Chrome יוצגו במרכז ההתראות של macOS
ההתראות של Google Chrome יוצגו במרכז ההתראות של macOS

הבדלים

גודל הסמל והמיקום שלו

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

סמלי ההתראות לפני ואחרי Chrome ב-Mac שמוצגים על ידי Chrome לעומת אלה שמוצגים ב-macOS.
סמלי ההתראות לפני ואחרי Chrome ב-Mac שמוצגים על ידי Chrome לעומת אלה שמוצגים ב-macOS

סמלי פעולות

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

לחצני פעולה להתראות עם סמלים שמוצגים ב-Chrome לעומת תצוגה ב-macOS, לפני ואחרי שליחת ההתראות.
לפני ואחרי לחצני הפעולות של ההתראות, עם סמלים שמוצגים על ידי Chrome לעומת אלה שמוצגים ב-macOS

הלוגו של Chrome תמיד מוצג ולא ניתן להחליף או לשנות אותו. הדרישה הזו חלה באפליקציות של צד שלישי ב-macOS.

תמונות

לא תהיה יותר תמיכה באפשרות image ב-macOS. אם מגדירים מאפיין של תמונה, ההתראה עדיין תוצג, אבל המערכת תתעלם מפרמטר התמונה (ראו דוגמה בהמשך).

תמונה לפני ואחרי של ההתראות מ-Chrome ב-macOS.
תמונה לפני ואחרי ההתראה ל-Chrome ב-macOS

כדי לזהות תמיכה בתמונות, אפשר להשתמש בקוד הבא:

if ('image' in Notification.prototype) {  
  // Image is supported.
} else {  
  // Image is NOT supported.
}

שינויים בתוסף Chrome

הקונספט של תבניות של התראות לתוספי Chrome הוא שונה בעקבות השינוי הזה.

תבנית ההתראה על תמונה לא תציג יותר את התמונה. חשוב לוודא שהתמונות הן משלימות ולא נדרשות כדי שתועיל למשתמשים שלכם.

לפני ואחרי תבניות תמונה ב-chrome.notification API.
לפני ואחרי תבניות תמונה ב-chrome.notification API

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

לפני ואחרי תבניות של רשימות בממשק ה-API של chrome.notification.
לפני ואחרי תבניות של רשימות ב-chrome.notification API

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

לפני ואחרי תבניות התקדמות ב-chrome.notification API.
לפני ואחרי תבניות ההתקדמות ב-chrome.notification API

ההבדל האחרון בממשק המשתמש של ההתראות הוא שלא ייעשה יותר שימוש ב-appIconMarkUrl ב-macOS.

לפני ואחרי ל-appIconMarkUrl ב-chrome.notification API.
לפני ואחרי appIconMarkUrl ב-chrome.notification API