Prueba de notificaciones del navegador
Averigua si este navegador puede mostrar notificaciones, cómo está configurado el permiso y cómo se ve una notificación de prueba en tu dispositivo. Personaliza el título, el texto, el icono, la imagen, el sonido, la vibración y más, y consulta el registro de eventos para ver qué ha pasado.
Última actualización:
Comprobando qué admite este navegador…
Vista previa
El aspecto real depende de tu sistema operativo y navegador.
Registro de eventos
JavaScript para esta notificación
Cómo usar Prueba de notificaciones del navegador
- Revisa el panel de estado: muestra si las notificaciones son compatibles y el permiso actual.
- Pulsa Solicitar permiso y elige Permitir en el aviso del navegador. Si está bloqueado, sigue los pasos que se muestran.
- Personaliza la notificación: título, texto, icono, imagen y opciones como silenciosa o requerir interacción.
- Pulsa Enviar notificación de prueba, o elige un retraso y cambia a otra pestaña o app para probar la entrega en segundo plano.
- Lee el registro de eventos. Si el registro dice mostrada pero no viste nada, revisa la configuración de No molestar / Concentración de tu sistema.
Qué significan los estados del permiso
| Notification.permission | Significado | Qué puedes hacer |
|---|---|---|
default | El sitio aún no ha preguntado, o cerraste el aviso sin elegir. | Pulsa Solicitar permiso y elige Permitir. |
granted | El sitio puede mostrar notificaciones. | Envía una prueba. Si no aparece nada, revisa la configuración del sistema y No molestar. |
denied | Tú (o una directiva) bloqueaste las notificaciones de este sitio. | Restablécelo en la configuración del sitio junto a la barra de direcciones y recarga. |
Los navegadores solo muestran el aviso de permiso en respuesta a una acción del usuario, como un clic, y muchos muestran ahora un aviso más discreto (un icono de campana en la barra de direcciones) para los sitios que preguntan demasiado. Descartar el aviso repetidamente puede hacer que el navegador lo bloquee automáticamente durante un tiempo.
Opciones de notificación que puedes probar
| Opción | Qué hace | Notas de compatibilidad |
|---|---|---|
body, icon | Texto e imagen pequeña junto al título | Todos los navegadores con notificaciones |
image | Imagen grande bajo el texto | Navegadores basados en Chromium en Windows, ChromeOS y Android; en otros se ignora |
badge | Pequeño icono monocromo en la barra de estado de Android | Principalmente Android |
tag + renotify | Una notificación nueva con la misma etiqueta sustituye a la anterior; renotify vuelve a avisar | renotify requiere una etiqueta, o el navegador lanza un error |
requireInteraction | Mantiene la notificación visible hasta que actúes sobre ella | Chromium de escritorio; el sistema operativo puede moverla igualmente al centro de notificaciones |
silent | Sin sonido ni vibración | Amplia compatibilidad; no se puede combinar con vibrate |
vibrate | Patrón de vibración en milisegundos | Solo Android |
actions | Botones como Abrir o Descartar | Solo con un service worker (registration.showNotification), principalmente Chromium |
Lista de comprobación para solucionar problemas
- El permiso está "granted" en el panel de estado de arriba.
- Las notificaciones del navegador están activadas en el sistema operativo. Windows: Configuración > Sistema > Notificaciones. macOS: Ajustes del Sistema > Notificaciones > tu navegador (permite banners o alertas). Android: Ajustes > Aplicaciones > tu navegador > Notificaciones.
- No molestar, Concentración o Asistente de concentración está desactivado, o el navegador está en su lista de permitidos.
- El registro de eventos dice "shown". Si dice "error", el navegador o el sistema la rechazó.
- Prueba en segundo plano. Usa un retraso de 5 o 10 segundos y cambia a otra app: algunos sistemas ocultan los banners de la app que estás usando.
- Revisa el centro de notificaciones; una notificación puede llegar allí sin banner.
Preguntas frecuentes
¿Por qué no veo la notificación de prueba?
Si el permiso está concedido y el registro de eventos dice que la notificación se mostró, el navegador se la entregó a tu sistema operativo. Normalmente la oculta el modo No molestar / Concentración, el hecho de que las notificaciones del navegador estén desactivadas en la configuración del sistema (Windows Configuración > Sistema > Notificaciones, macOS Ajustes del Sistema > Notificaciones), o bien fue directamente al centro de notificaciones. Algunos navegadores también muestran las notificaciones discretas solo como un icono en la barra de direcciones.
¿Cómo restablezco un permiso de notificaciones bloqueado?
Haz clic en el icono a la izquierda de la barra de direcciones (un candado o un icono de ajustes), busca Notificaciones y ponlo en Permitir o Preguntar, y luego recarga la página. En Firefox usa el icono de permisos de la barra de direcciones; en Safari usa Ajustes > Sitios web > Notificaciones. Una página no puede volver a preguntar por sí sola una vez que la has bloqueado.
¿Puedo elegir un sonido de notificación personalizado?
No de forma fiable. La antigua opción "sound" se eliminó del estándar Notification y los navegadores la ignoran, así que las notificaciones usan el sonido predeterminado de tu sistema. Puedes hacer que una notificación sea silenciosa, y esta herramienta puede reproducir opcionalmente un breve sonido en la página cuando se muestra la notificación.
¿Por qué no aparecen los botones de acción?
Los botones de acción solo funcionan en notificaciones creadas mediante un service worker (registration.showNotification) y solo en navegadores compatibles, principalmente los basados en Chromium. Esta página no tiene service worker propio, así que la prueba envía la notificación sin botones y lo indica en el registro; el código copiado muestra la versión con service worker.
¿Funcionan las notificaciones en iPhone y Android?
En Android, Chrome y otros navegadores solo muestran notificaciones web desde un service worker, así que una notificación de página simple puede fallar con un error, que aparecerá en el registro. En iPhone y iPad (iOS 16.4 o posterior), las notificaciones web solo funcionan en sitios añadidos a la pantalla de inicio como app web, no en una pestaña normal de Safari.
¿Se envía algo a un servidor?
No. Son notificaciones locales creadas con JavaScript en esta página. No hay suscripción push ni servidor, y no se guarda nada salvo los ajustes de tu formulario en este navegador.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.