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

Stephen McGruer
Stephen McGruer

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

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

בהמשך נסביר על ההבדלים שהשינוי הזה מביא ל-APIs הקיימים.

מרכז ההתראות

אחד מהיתרונות של השינוי הזה הוא שההתראות יוצגו במרכז ההתראות של 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