खोज…
वाक्य - विन्यास
- Notification.requestPermission (कॉलबैक)
- Notification.requestPermission ()। तो (कॉलबैक, rejectFunc)
- नई अधिसूचना ( शीर्षक , विकल्प )
- अधिसूचना .close ()
टिप्पणियों
Notifications API को ब्राउज़र को क्लाइंट को सूचित करने की अनुमति देने के लिए डिज़ाइन किया गया था।
ब्राउज़रों द्वारा सहायता सीमित हो सकती है। इसके अलावा ऑपरेटिंग सिस्टम द्वारा समर्थन सीमित हो सकता है।
निम्न तालिका सूचनाओं के लिए सहायता प्रदान करने वाले शुरुआती ब्राउज़र संस्करणों का अवलोकन देती है।
क्रोम | धार | फ़ायरफ़ॉक्स | इंटरनेट एक्स्प्लोरर | ओपेरा | ओपेरा मिनी | सफारी |
---|---|---|---|---|---|---|
29 | 14 | 46 | समर्थन नहीं | 38 | समर्थन नहीं | 9.1 |
सूचनाएं भेजने के लिए अनुमति का अनुरोध
हम उपयोगकर्ता से यह पूछने के लिए Notification.requestPermission
का उपयोग करते हैं कि क्या वह हमारी वेबसाइट से सूचनाएं प्राप्त करना चाहता है।
Notification.requestPermission(function() {
if (Notification.permission === 'granted') {
// user approved.
// use of new Notification(...) syntax will now be successful
} else if (Notification.permission === 'denied') {
// user denied.
} else { // Notification.permission === 'default'
// user didn’t make a decision.
// You can’t send notifications until they grant permission.
}
});
फ़ायरफ़ॉक्स 47 के बाद से .requestPermission
विधि अनुमति देने के लिए उपयोगकर्ता के निर्णय को संभालने के दौरान एक वादा वापस कर सकती है
Notification.requestPermission().then(function(permission) {
if (!('permission' in Notification)) {
Notification.permission = permission;
}
// you got permission !
}, function(rejection) {
// handle rejection here.
}
);
अधिसूचनाएँ भेजना
उपयोगकर्ता द्वारा सूचनाएं भेजने की अनुमति के अनुरोध के बाद, हम एक साधारण सूचना भेज सकते हैं जो उपयोगकर्ता को हैलो कहती है:
new Notification('Hello', { body: 'Hello, world!', icon: 'url to an .ico image' });
यह इस तरह एक अधिसूचना भेजेगा:
नमस्कार
नमस्ते दुनिया!
एक अधिसूचना बंद करना
आप .close()
विधि का उपयोग करके किसी सूचना को बंद कर सकते हैं।
let notification = new Notification(title, options);
// do some work, then close the notification
notification.close()
आप भविष्य में कभी-कभी अधिसूचना को ऑटो-बंद करने के लिए setTimeout
फ़ंक्शन का उपयोग कर सकते हैं।
let notification = new Notification(title, options);
setTimeout(() => {
notification.close()
}, 4000);
उपरोक्त कोड एक अधिसूचना स्पॉन करेगा और इसे 4 सेकंड के बाद बंद कर देगा।
अधिसूचना घटनाएँ
अधिसूचना एपीआई विनिर्देश 2 घटनाओं का समर्थन करते हैं जिन्हें एक अधिसूचना द्वारा निकाल दिया जा सकता है।
-
click
इवेंट।
जब आप सूचना निकाय पर क्लिक करते हैं (समापन X और सूचना कॉन्फ़िगरेशन बटन को छोड़कर) तो यह घटना चलेगी।
उदाहरण:
notification.onclick = function(event) {
console.debug("you click me and this is my event object: ", event);
}
-
error
घटना
अधिसूचना इस घटना को आग लगा देगी जब भी कुछ गलत होगा, जैसे कि प्रदर्शित करने में असमर्थ होना
notification.onerror = function(event) {
console.debug("There was an error: ", event);
}