WebKit ile zengin bildirimler

Kullanıcılara önemli bir şey olduğunu bildirmek için zengin masaüstü bildirimlerini kullanın. Bildirimler tarayıcı penceresinin dışında görünür. Aşağıdaki anlık görüntüler de bildirimlerin nasıl göründüğü ve nerede gösterildiğiyle ilgili ayrıntılar platforma bağlıdır.

Microsoft Windows'daki bildirimler

Mac OS X'te bildirimler

Ubuntu Linux'ta bildirimler

Bildirim penceresini, biraz JavaScript ve isteğe bağlı olarak, uzantınızın içinde paketlenmiş bir HTML sayfası kullanarak oluşturursunuz.

Örnek

İlk olarak, manifest dosyanızda notifications iznini tanımlayın:

{
  "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"
  ],
}

Ardından, bildirim oluşturmak için webkitNotifications nesnesini kullanın:

// 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();

API referansı

Masaüstü Bildirimleri Taslağı Spesifikasyonu'na bakın.

Diğer görüşlerle iletişim kurma

extension.getBackgroundPage ve extension.getViews öğelerini kullanarak uzantınızdaki bildirim ile diğer görünümler arasında iletişim kurabilirsiniz. Örneğin:

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

Diğer örnekler

Bildirimlerin kullanımıyla ilgili basit bir örneği examples/api/notifications dizininde bulabilirsiniz. Diğer örnekler ve kaynak kodu görüntüleme konusunda yardım için Örnekler bölümüne bakın.

Ayrıca, html5rocks.com'un bildirimler eğiticisine de bakın. İzinle ilgili kodu yoksayın. "Bildirimler" iznini belirttiyseniz bunu yapmanız gerekmez.