2015-06-09 5 views
3

Я пытаюсь сделать уведомление на рабочем столе для своего веб-сайта, Я нашел this руководство полезно для его создания. и успешно сделали это.Как настроить уведомление на рабочем столе HTML5?

я разместить код здесь:

HTML:

<button id='button'>Notify me!</button> 

ЯШ:

$('input[type=button]').click(notifyMe); 

function notifyMe() { 
    if (!("Notification" in window)) { 
    alert("This browser does not support desktop notification"); 
    } else if (Notification.permission === "granted") { 
    var options = { 
     body: "This is the body of the notification", 
     icon: "icon.jpg", 
     dir: "ltr" 
    }; 
    var notification = new Notification("Hi there", options); 
    } else if (Notification.permission !== 'denied') { 
    Notification.requestPermission(function(permission) { 
     if (!('permission' in Notification)) { 
     Notification.permission = permission; 
     } 

     if (permission === "granted") { 
     var options = { 
      body: "This is the body of the notification", 
      icon: "icon.jpg", 
      dir: "ltr" 
     }; 
     var notification = new Notification("Hi there", options); 
     } 
    }); 
    } 
} 

Demo

мой вопрос, Существует способ изменить стиль по умолчанию?

ответ

2

Я боюсь, что изменить невозможно, чем то, что вы делаете. как элементы оповещения, это браузер, который форматирует уведомления.

+1

Согласен. Есть еще несколько вариантов, которые вы можете добавить, но никто не может настроить фон. [Параметры уведомлений] (https://developer.chrome.com/apps/notifications#type-NotificationOptions) – jasonscript

Смежные вопросы