SORU
16 ŞUBAT 2010, Salı


Masaüstü bildirim örneği krom?

Chrome desktop notifications gösteren bir örnek barındırılan kod (Javascript) var mı? Bu benim kendi kodu içinde kullanmak istiyorum.

GüncellemeBurada a blog post bir örnek ile y bildirimleri açıklar.

CEVAP
11 Kasım 2012, Pazar


Aşağıda Chrome, Firefox, Opera ve Safari için masaüstü bildirimleri çalışma örneği.
on JSBin canlı deneyin.

// request permission on page load
document.addEventListener('DOMContentLoaded', function () {
  if (Notification.permission !== "granted")
    Notification.requestPermission();
});

function notifyMe() {
  if (!Notification) {
    alert('Desktop notifications not available in your browser. Try Chromium.'); 
    return;
  }

  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: "Hey there! You've been notified!",
    });

    notification.onclick = function () {
      window.open("http://stackoverflow.com/a/13328397/1269037");      
    };

  }

}
<button onclick="notifyMe()">Notify me!</button>

W3C Notifications API MDN belgelenmiş kullanıyoruz. Farklı Chrome extensions notifications API ile karıştırmayın. Krom uzatma bildirimleri belli ki sadece Chrome uzantıları, kullanıcının herhangi bir özel izin gerektirir, zengin metin bildirimleri destek, ama 10**) yok. W3C bildirimleri birçok tarayıcı (caniuse destek) çalışmak, kullanıcı izni gerektirir, önceki bildirim üstüne yığın ve otomatik olarak Chrome (they do in Firefox) yok olmaz.

Son sözler

Bildirim desteği birçok API son üç yıl içinde onaylanmaz ile sürekli değişim içinde oldu. Eğer merak ediyorsanız, bu cevap bir önceki düzenlemeleri Krom çalışmak için kullanılan ne görmek, ve zengin HTML bildirimleri hikayesini öğrenmek için kontrol edin.

Ayrıca Bkz: 13* *bir yardımcı kütüphane için.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BASS212M

    BASS212M

    15 Temmuz 2009
  • Britec09

    Britec09

    4 Mart 2009
  • wafflepwn

    wafflepwn

    14 AĞUSTOS 2008