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.


Suscríbete!

Suscríbete a nuestra lista de correo y recíbe los últimos contenidos directamente en tu bandeja de correo electrónico, puedes elegir únicamente de que categoria del blog quieres recibir contenido.

Suscríbeme

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

Dejar un comentario

2 Comments on "Crear notificaciones de escritorio con Javascript"

avatar
  Subscribe  
Notify of
Pablo Gálvez
Guest

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

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?