Masaüstü bildirimi oluşturan bir Chrome sekmesine nasıl odaklanılır?

Bugünlerde Gmail’in sahip olduğu aynı işlevi uygulamak istiyorum. Yeni e-posta geldiğinde veya yeni sohbet geldiğinde, bildirim açılır penceresi görünür ve tıklarsanız Gmail'in bulunduğu sekme odaklanır.

Bu koda sahibim:

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

Bildirime tıkladığımda sadece kayboluyor. Şimdi bu bildirimi oluşturan sayfayı açmak ve odaklanmak için onclick işlevine biraz kod eklemem gerekiyor. Bunun mümkün olduğunu biliyorum çünkü GMail bunu çok iyi yapıyor. Ancak Gmail kaynaklarına bakmayı başaramadım (minimalize edilmiş ve karartılmış)

Bunun nasıl yapılacağını bilen var mı?

Google Chrome'a ​​window.focus () yerleştirebilirsiniz. Tıklandığında o pencereye odaklanacaktır.

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

Denetçiyi Gmail'de açtım, yukarıdaki kodu ekledim, farklı bir sekmeye geçtim ve çalıştırdım. Bildirim göründü ve bir kez tıklandığında beni Gmail'e geri getirdi.

Bildirimleri Kullanma .

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();
  };
});

window.focus()her zaman son Webkit tarayıcı sürümlerinde (Chrome, Safari vb.) çalışmaz. Ama parent.focus()öyle.

İşte tam bir jsfiddle: https://jsfiddle.net/wv0w7uj7/3/

Kod:

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();
    };
  }
}

onclickÖzelliği kullanmak, addEventListenervanilya için javascript'i veya onjQuery için yöntemi kullanmak gerçekten iyi bir uygulama değildir .

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

Vanilya:

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

jQuery:

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

Bunun this.close()yerine this.cancel(), şöyle olmalı :

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