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

Stephen McGruer
Stephen McGruer

החל מגרסה 59 של Chrome, התראות שנשלחות דרך 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

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

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

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

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

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

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