Przechodzenie na natywny system powiadomień w macOS

Stephen McGruer
Stephen McGruer

Od wersji Chrome 59 powiadomienia wysyłane przy użyciu interfejsu Powiadomienia API lub Wyświetli się interfejs API rozszerzeń chrome.notifications. bezpośrednio za pomocą natywnego systemu powiadomień macOS, a nie własnego systemu Chrome.

Ta zmiana sprawia, że Chrome w systemie macOS jest znacznie lepiej zintegrowany z platformą i naprawi wiele istniejących błędów, takich jak brak respektowania przez Chrome ustawienie trybu Nie przeszkadzać w systemie.

Poniżej omówimy różnice, jakie ta zmiana wprowadza w stosunku do interfejsy API.

Centrum powiadomień

Jedną z zalet tej zmiany jest to, że powiadomienia będą wyświetlane w Centrum powiadomień systemu macOS.

Powiadomienia Google Chrome będą wyświetlane w centrum powiadomień macOS
Powiadomienia Google Chrome będą wyświetlane w centrum powiadomień macOS

Różnice

Rozmiar i położenie ikon

Wygląd ikon ulegnie zmianie. Będą mniejsze, a dopełnienie będzie zastosowano. Możesz przełączyć się na przezroczyste tło zamiast jednolitego koloru, aby wyglądała estetycznie.

Ikony powiadomień przed i po w Chrome na Macu wyświetlane w Chrome w porównaniu do tych wyświetlanych przez
    macOS:
Ikony powiadomień przed i po w Chrome na Macu wyświetlane przez Chrome w porównaniu do wyświetlanych przez macOS

Ikony działań

Wcześniej przyciski i ikony działań byłyby wyświetlane w powiadomienia. W przypadku powiadomień natywnych ikony przycisków poleceń nie będą użytkownik musi najechać kursorem na powiadomienie i wybrać opcję „Więcej”. , aby wyświetlić dostępne czynności.

Przed i po przycisków poleceń związanych z powiadomieniami z ikonami wyświetlanymi przez
    Chrome a wyświetlane w systemie macOS.
Przed i po przycisków poleceń związanych z powiadomieniami z ikonami wyświetlanymi przez Chrome a wyświetlane w systemie macOS

Logo Chrome zawsze jest wyświetlane i nie można go zastąpić ani zmienić. Ten jest wymagane w przypadku aplikacji innych firm na urządzeniach z macOS.

Obrazy

Opcja image nie będzie już obsługiwana w systemie macOS. Jeśli zdefiniujesz obraz powiadomienie będzie nadal wyświetlane, ale zignoruje obraz (zobacz przykład poniżej).

Obraz „przed i po” w Chrome na macOS.
Obraz powiadomień przed i po Chrome w systemie macOS

Możesz wykryć obsługę obrazów za pomocą tego kodu:

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

Zmiany rozszerzeń do Chrome

Rozszerzenia do Chrome obsługują szablony powiadomień. co po wprowadzeniu tej zmiany będzie działać inaczej.

Szablon powiadomienia graficznego nie będzie już wyświetlać obrazu. Należy upewnić się, obrazy uzupełniające i nie muszą być przydatne dla użytkowników.

Przed i po w przypadku szablonów graficznych w interfejsie API chrome.notification.
Przed i po w przypadku szablonów obrazów w interfejsie API chrome.notification

Szablon powiadomień dotyczących listy wyświetla tylko pierwszy element na liście. Ty warto wrócić do podstawowego stylu powiadomień i użyć by podsumować zestaw zmian.

Przed i po w przypadku szablonów list w interfejsie API chrome.notification.
Przed i po w przypadku szablonów list w interfejsie API chrome.notification

Powiadomienia o postępach będą dołączać wartość procentową do tytułu powiadomienia zamiast paska postępu.

Szablony postępu w interfejsie chrome.notification API przed i po.
Szablony postępu w interfejsie chrome.notification API przed i po

Ostatnia różnica w interfejsie powiadomień jest taka, że appIconMarkUrl nie będą już używane w systemie macOS.

Przed i po dla appIconMarkUrl w interfejsie API chrome.notification.
Przed i po dla appIconMarkUrl w interfejsie API chrome.notification