webKit के साथ रिच सूचनाएं

चेतावनी: आपको इस लेख का ऐसा मेनिफ़ेस्ट V2 वर्शन दिख रहा है जो अब काम नहीं करता. MV3 से मिलते-जुलते वर्शन के लिए, मेनिफ़ेस्ट V3 - ज़्यादा बेहतर सूचनाएं देखें. 'Chrome वेब स्टोर' पर अब मेनिफ़ेस्ट V2 एक्सटेंशन स्वीकार नहीं किए जाते. अपने एक्सटेंशन को मेनिफ़ेस्ट V3 में बदलने के लिए, मेनिफ़ेस्ट V3 माइग्रेशन गाइड में दी गई जानकारी पढ़ें.

चेतावनी: चेतावनी: वेब सूचना एपीआई के webKitNotifications.createHTMLNotification() में अब सेवा में नहीं है. नए web Notifications API में सिर्फ़ टेक्स्ट मैसेज की अनुमति है. Chrome सूचना एपीआई को जल्द ही स्थिर कर दिया जाएगा. साथ ही, नए रिच डेटा का इस्तेमाल करने के लिए, वेब सूचनाओं को अपडेट किया जाएगा सूचनाओं का फ़ॉर्मैट.

उपयोगकर्ताओं को कुछ महत्वपूर्ण होने की सूचना देने के लिए रिच डेस्कटॉप नोटिफ़िकेशन का उपयोग करें. सूचनाएं ब्राउज़र विंडो के बाहर दिखाई देते हैं. जैसा कि यहां दिए गए स्नैपशॉट में दिखाया गया है, नोटिफ़िकेशन की पूरी जानकारी उनका लुक और उन्हें कहां दिखाया जाएगा, यह प्लैटफ़ॉर्म पर निर्भर करता है.

JavaScript के कुछ हिस्से और वैकल्पिक रूप से, किसी एचटीएमएल पेज का इस्तेमाल करके सूचना विंडो बनाई जा सकती है एक्सटेंशन के अंदर.

उदाहरण

सबसे पहले, अपने मेनिफ़ेस्ट में 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"
  ],
}

इसके बाद, सूचनाएं बनाने के लिए 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();

एपीआई का संदर्भ

डेस्कटॉप सूचनाओं के लिए ड्राफ़्ट की खास जानकारी देखें.

अन्य विचारों के साथ बातचीत करना

इसका उपयोग करके आप अपने एक्सटेंशन में नोटिफ़िकेशन और अन्य दृश्यों के बीच संचार कर सकते हैं extension.getBackgroundPage और extension.getViews. उदाहरण के लिए:

chrome.extension.getBackgroundPage().doThing();

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

और उदाहरण

सूचनाओं के इस्तेमाल का एक आसान उदाहरण, examples/api/notifications में मिल सकता है डायरेक्ट्री. अन्य उदाहरणों के लिए और सोर्स कोड देखने में मदद पाने के लिए, सैंपल देखें.

html5rocks.com का नोटिफ़िकेशन ट्यूटोरियल भी देखें. अनुमति से जुड़े कोड को अनदेखा करें; यह अगर "सूचना" अनुमति.