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ülerde gösterildiği üzere, bildirimlerin ayrıntılarına nasıl göründüğü ve nerede gösterileceği platforma göre değişir.

Bildirim penceresini biraz JavaScript ve isteğe bağlı olarak paketlenmiş bir HTML sayfası kullanarak oluşturursunuz. kullanabilirsiniz.

Örnek

Öncelikle manifest dosyanızda notifications iznini beyan edin:

{
  "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 Taslak Spesifikasyonu'na göz atın.

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

Uzantınızdaki bir bildirim ile diğer görünümler arasında iletişim kurmak için şunları kullanabilirsiniz: extension.getBackgroundPage ve extension.getViews. Ö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 bölümünde bulabilirsiniz. dizin. Diğer örnekler ve kaynak kodunun görüntülenmesiyle ilgili yardım için Örnekler bölümüne bakın.

Ayrıca, html5rocks.com sitesinin bildirim eğiticisine de bakın. İzinle ilgili kodu yoksayın; bu "bildirimleri" belirtirseniz, gereksizdir izni gerekir.