การแจ้งเตือนที่สมบูรณ์ด้วย webKit

ใช้การแจ้งเตือนในเดสก์ท็อปที่สมบูรณ์เพื่อแจ้งให้ผู้ใช้ทราบว่าเกิดอะไรขึ้น การแจ้งเตือน ปรากฏนอกหน้าต่างเบราว์เซอร์ ในภาพรวมต่อไปนี้ รายละเอียดเกี่ยวกับการแจ้งเตือน ซึ่งขึ้นอยู่กับแพลตฟอร์ม

การแจ้งเตือนใน Microsoft Windows

การแจ้งเตือนบน Mac OS X

การแจ้งเตือนบน Ubuntu Linux

คุณสามารถสร้างหน้าต่างการแจ้งเตือนโดยใช้ JavaScript เล็กน้อย และอาจรวมถึงหน้า HTML ที่เป็นแพ็กเกจ ภายในส่วนขยาย

ตัวอย่าง

ก่อนอื่น ให้ประกาศสิทธิ์ notifications ในไฟล์ Manifest ดังนี้

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

จากนั้นใช้ออบเจ็กต์ webkitNotifications เพื่อสร้างการแจ้งเตือน ดังนี้

// 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

โปรดดูข้อกำหนดเกี่ยวกับฉบับร่างของการแจ้งเตือนบนเดสก์ท็อป

การสื่อสารกับข้อมูลมุมมองอื่น

คุณสามารถสื่อสารระหว่างการแจ้งเตือนกับมุมมองอื่นๆ ในส่วนขยายได้โดยใช้ extension.getBackgroundPage และ extension.getViews เช่น

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

ตัวอย่างเพิ่มเติม

คุณสามารถดูตัวอย่างง่ายๆ ของการใช้การแจ้งเตือนได้ในตัวอย่าง/api/notifications ไดเรกทอรี สำหรับตัวอย่างอื่นๆ และความช่วยเหลือในการดูซอร์สโค้ด โปรดดูตัวอย่าง

โปรดดูบทแนะนำการแจ้งเตือนของ html5rocks.com ด้วย ไม่สนใจโค้ดที่เกี่ยวข้องกับสิทธิ์ คือ ถ้าประกาศ "การแจ้งเตือน" สิทธิ์