Crear notificaciones de escritorio con Javascript

Crear notificaciones de escritorio con Javascript

Crear notificaciones de escritorio con Javascript
5 (100%) 3 votos

Hoy te muestro una funcionalidad poco conocida que te permite crear notificaciones de escritorio con Javascript mediante un sencillo ejemplo y una demo para que veas el funcionamiento, tambien checaremos cuestiones de compatibilidad de navegadores con esta funcionalidad.

Lo que haremos el dia de hoy será algo parecido a un post que he publicado hace un tiempo donde veiamos como crear notificaciones push para un blog, con la diferencia de que veremos como hacer algo parecido a este funcionamiento desde cero con Javascript.

Nuestro ejemplo lucirá de esta forma:

crear notificaciones de escritorio con javascript 2

crear notificaciones de escritorio con javascript 2

crear notificaciones de escritorio con javascript 3

crear notificaciones de escritorio con javascript 3

Puedes ver un demo del funcionamiento que haremos el día de hoy en el siguiente enlace: demo de notificaciones de escritorio con Javascript.


¿Sabías que?

¿Necesitas hospedaje web? DigitalServer te ofrece un 50% de descuento en cualquier plan de hosting a partir del plan Micro! Solo copia el cupon: PROMOEXH y sigue el siguiente enlace:

Obtener 50% de descuento

Código para crear notificaciones de escritorio con  Javascript

 

Compatibilidad de las notificaciones en Javascript

Te dejo esta imagen con la compatibilidad de las notificaciones en navegadores.

crear notificaciones de escritorio con javascript

crear notificaciones de escritorio con javascript

Más informacion en: https://developer.mozilla.org/es/docs/Web/API/notification

Crear notificaciones de escritorio con Javascript
5 (100%) 3 votos

2
Dejar un comentario

avatar
2 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
2 Comment authors
Pablo GálvezJuanfer Recent comment authors
  Subscribe  
Notify of
Pablo Gálvez
Guest
Pablo Gálvez

Hola Jonathan, también tengo esa duda, ¿cómo hago para que todas las personas que han aceptado recibir mis notificaciones, las reciban sólo al abrir el navegador?, que es como me salen a mi las de algunas web. No necesito que me digas el código sólo si hay que hacer algo o con esto ya lo pillaría sólo? Gracias.

Juanfer
Guest
Juanfer

Hola, y cómo funciona? Es decir, lo implermento, lo acepto en mi escritorio como usuario y cada vez que cambie el código, los usuarios van a recibir una notificación?