Notificaciones de escritorio con javascript

Notification desktop

Notification desktop

Entre las nuevas API’s de javascript, descubrimos las notificaciones de escritorio, esa bonita y curiosa forma en que aplicaciones web nos envían alertas y avisos aunque no tengamos la pestaña activa de nuestro navegador o aunque tengamos nuestro navegador abierto, pero estamos trabajando en alguna otra aplicación.

Implementarlo es muy sencillo y con unas pocas líneas de código, nuestro navegador nos pedirá permiso para ejecutar y enviar notificaciones.

var notification = new Notification("hello notificación world");

El método notifications recibe adicionalmente otros parámetros q explicó a continuación:

title: Es el título del cuadro de notificación

body: Contenido de la notificación

icon: Url del icono (imagen)

tag : ID de la notificación, como nuestro identificador

dir: Dirección del texto (izquierda, derecha o auto)

Ahora un ejemplo mas concreto se vería de la siguiente manera:

function  notifyMe()  {  
    if  (!("Notification"  in  window))  {   
        alert("Este navegador no soporta notificaciones de escritorio");  
    }  
    else  if  (Notification.permission  ===  "granted")  {
        var  options  =   {
            body:   "Descripción o cuerpo de la notificación",
            icon:   "url_del_icono.jpg",
            dir :   "ltr"
        };
        var  notification  =  new  Notification("Hola :D", options);
    }  
    else  if  (Notification.permission  !==  'denied')  {
        Notification.requestPermission(function (permission)  {
            if  (!('permission'  in  Notification))  {
                Notification.permission  =  permission;
            }
            if  (permission  ===  "granted")  {
                var  options  =   {
                    body:   "Descripción o cuerpo de la notificación",
		            icon:   "url_del_icono.jpg",
		            dir :   "ltr"
                };     
                var  notification  =  new  Notification("Hola :)", options);
            }   
        });  
    }
}

Y bueno, todo este código es la implementación validando si se tiene permiso de utilizar las notificaciones o si es la primera vez que se de desean utilizar (porque se debe solicitar permiso al navegador).

Y claro, olviden que para lanzarla será necesario hacer trigger sobre algún botón o enlace, ya saben.. el típico evento click() con el código dentro.

Las notificaciones de escritorio están soportadas por la mayoría de navegadores modernos, a excepción de Internet Explorer que por cierto en nuestro blog no se ha hablado muy bien de él. También hay que tener en cuenta de que las notificaciones son una tecnología experimental o al menos así le llaman, ya que se encuentra en revisión su especificación.

Happy coding!! 🙂

Co-fundador de Qbit Mexhico, usuario de linux, Developer en tecnologías web.. Nicaragüense, centro en basketball, primer centro en rugby y pintor los fines de semana. Ortögrafo y ambientalista psicológico (de escritorio).. ese soy yo!

Si te ha servido compártelo y difunde nuestro blog..

Facebook Twitter LinkedIn Google+ Flickr YouTube Skype 

Compartir en...Tweet about this on TwitterPin on Pinterest0Share on LinkedIn1Share on Google+0Share on Facebook2