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

  • B4ROK

    B4ROK

    1 EKİM 2008
  • Michelle Phan

    Michelle Pha

    18 Temmuz 2006
  • Visual Life

    Visual Life

    3 Temmuz 2006