Rozszerzone powiadomienia w WebKit

Używaj rozszerzonych powiadomień na pulpicie, aby powiadamiać użytkowników o czymś ważnym. Powiadomienia są wyświetlane poza oknem przeglądarki. Jak widać na poniższych zrzutach ekranu, wygląd powiadomień i miejsce ich wyświetlania zależą od platformy.

Powiadomienia w systemie Microsoft Windows

Powiadomienia w Mac OS X

Powiadomienia w systemie Ubuntu Linux

Okno powiadomień możesz utworzyć za pomocą kodu JavaScript i opcjonalnie ze strony HTML umieszczonej w rozszerzeniu.

Przykład

Najpierw zadeklaruj w pliku manifestu uprawnienie notifications:

{
  "name": "My extension",
  "manifest_version": 2,
  ...
  "permissions": [
    "notifications"
  ],
  ...
  // Note: Because of bug 134315, you must declare any images you
  // want to use with createNotification() as a web accessible resource.
  "web_accessible_resources": [
    "48.png"
  ],
}

Następnie za pomocą obiektu webkitNotifications utwórz powiadomienia:

// Note: There's no need to call webkitNotifications.checkPermission().
// Extensions that declare the notifications permission are always
// allowed create notifications.

// Create a simple text notification:
var notification = webkitNotifications.createNotification(
  '48.png',  // icon url - can be relative
  'Hello!',  // notification title
  'Lorem ipsum...'  // notification body text
);

// Or create an HTML notification:
var notification = webkitNotifications.createHTMLNotification(
  'notification.html'  // html url - can be relative
);

// Then show the notification.
notification.show();

Dokumentacja API

Zobacz specyfikację wersji roboczej powiadomień na komputerze.

Komunikowanie się z innymi poglądami

Możesz komunikować się między powiadomieniem a innymi widokami w rozszerzeniu za pomocą elementów extension.getBackgroundPage i extension.getViews. Na przykład:

chrome.extension.getBackgroundPage().doThing();
chrome.extension.getViews({type:"notification"}).forEach(function(win) {
  win.doOtherThing();
});

Więcej przykładów

Prosty przykład korzystania z powiadomień znajdziesz w katalogu examples/api/notifications. Inne przykłady i informacje o wyświetlaniu kodu źródłowego znajdziesz w artykule Przykłady.

Zobacz też samouczek dotyczący powiadomień na stronie html5rocks.com. Zignoruj kod związany z uprawnieniami. Jeśli zadeklarujesz uprawnienie do „powiadomień”, jest on niepotrzebny.