BookMarklet Notificador

¿Qué es un Bookmarklet? Un "favorito" o "Bookmark" para tu navegador, que en vez de una dirección url contiene un código javascript para usar en la página que estés visitando. Así puedes conseguir ciertas utilidades sin necesidad de instalar addons y que funcionan en la mayoría de navegadores. Para AÑADIRLO sólo tienes que arrastrar el link que contiene el Bookmarklet a tu barra de favoritos. 

Notificador es un Bookmarklet que te permitirá usar notificaciones push con cualquier página detectando un elemento html.

Para ello recuerda que tienes que darle permiso a esa página para que pueda hacer notifaciones. Una vez permitido, pulsas tu bookmarklet y ya las tienes activas.

Con inspección de elementos puedes descubrir cuando quieres que aparezca la notifiación (una clase, un id, etc). Este notificador (para evitar múltiples notificaciones) sólo te notificará una vez hasta que el "elemento" deje de existir. La próxima vez que el "elemento" aparezca te volverá a notificar.

Ten en cuenta que no es una notificación push al uso (consultada en un servidor), si no que es una notificación al sistema mientras tengas la página abierta.

Lo he creado para un servicio web de correo que no tiene notificaciones integradas, pero tú lo puedes personalizar (tiempo, elemento a buscar y mensaje) con las primeras variables.

Para ello te dejo una pequeña utilidad con el código fuente para que puedas personalizarlo fácilmente.

Bookmarklet Notificador

javascript: var ratiempo=15000; var rabuscar="span.unread"; var rabkmsg="Hay Correo"; /*----------*/ var rasemaforo = true; function rabknotifica() { const total = document.querySelectorAll(rabuscar).length; setTimeout(function() {rabknotifica();},ratiempo); if (total > 0 && rasemaforo) { rasemaforo = false; Notification.requestPermission().then(() => new Notification(rabkmsg)); } else if (total == 0) { rasemaforo = true; } } rabknotifica();

Notificador Personalizado