Chrome टैब पर कैसे ध्यान केंद्रित करें जिसने डेस्कटॉप अधिसूचना तैयार की है?

Question 1

मैं उसी कार्यक्षमता को लागू करना चाहूंगा जैसे आजकल जीमेल है। जब नया ईमेल आता है या नई चैट आती है, तो नोटिफिकेशन पॉपअप दिखाई देता है और यदि आप इसे क्लिक करते हैं, तो जीमेल वाला टैब फोकस्ड हो जाता है।

मेरे पास यह कोड है:

var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text');
n.onclick = function(x) { this.cancel(); };
n.show();

जब मैं अधिसूचना पर क्लिक करता हूं तो यह गायब हो जाता है। अब मुझे इस अधिसूचना को बनाने और फ़ोकस करने वाले पृष्ठ को लाने के लिए ऑनक्लिक फ़ंक्शन में कुछ कोड जोड़ने की आवश्यकता है। मुझे पता है कि यह संभव है क्योंकि जीमेल इसे बहुत अच्छी तरह से करता है। लेकिन मैं Gmail स्रोतों में देखने में सफल नहीं हुआ (वे कम से कम और मोटे हैं)।

किसी को पता है कि यह कैसे करना है?

Question 2

आप Google Chrome में बस window.focus () लगा सकते हैं। क्लिक करने पर यह उस विंडो पर केंद्रित होगा।

var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text');
n.onclick = function(x) { window.focus(); this.close(); };
n.show();

मैंने जीमेल में इंस्पेक्टर को खोला, उपरोक्त कोड जोड़ा, एक अलग टैब में स्थानांतरित किया, और इसे चलाया। अधिसूचना दिखाई दी और एक बार क्लिक करने के बाद, इसने मुझे जीमेल में वापस लाया।

Question 3

अधिसूचनाओं का उपयोग करना ।

if (typeof Notification !== 'undefined') {
  alert('Please us a modern version of Chrome, Firefox, Opera or Safari.');
  return;
}

Notification.requestPermission(function (permission) {
  if (permission !== 'granted') return;

  var notification = new Notification('Here is the title', {
    icon: 'http://path.to/my/icon.png',
    body: 'Some body text',
  });

  notification.onclick = function () {
    window.focus();
  };
});

Question 4

window.focus()हमेशा हाल के वेबकिट ब्राउज़र संस्करणों (क्रोम, सफारी आदि) में काम नहीं करता है। लेकिन parent.focus()करता है।

यहाँ एक पूर्ण jsfiddle: https://jsfiddle.net/wv0w7uj7/3/ है

कोड:

function notifyMe() {
  if (Notification.permission !== "granted")
    Notification.requestPermission();
  else {
    var notification = new Notification('Notification title', {
      icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
      body: "You've been notified!",
    });

    notification.onclick = function () {
      parent.focus();
      window.focus(); //just in case, older browsers
      this.close();
    };
  }
}

Question 5

onclickसंपत्ति का उपयोग करना , jQuery के addEventListenerलिए वेनिला जावास्क्रिप्ट या onविधि के लिए उपयोग करना वास्तव में अच्छा अभ्यास नहीं है ।

var notify = new Notification('Test notification');

वनीला:

notify.addEventListener('click', function(e) {
    window.focus();
    e.target.close();
}, false);

jQuery:

$(notify).on('click', function(e) {
    window.focus();
    e.target.close();
});

Question 6

यह इस तरह के this.close()बजाय होना चाहिए this.cancel():

var n = window.webkitNotifications.createNotification('ico.gif','Title', 'Text');
n.onclick = function(x) { window.focus(); this.cancel(); };
n.show();