Teste de Notificações Push

Ferramenta para testar Web Push Notifications. Verifique se seu navegador está configurado para receber alertas e teste o Service Worker.

Estado Atual
HTTPS SeguroNão
Notification APINão suportado
Service WorkerNão suportado
Permissãopadrão
SW readyNão
- Se bloqueado: deniedMude nas configurações do site (cadeado na barra de endereço).
- Requer clique do usuário para funcionar.
Parâmetros
- Notif Página: Teste simples enquanto a aba está aberta.
- Notif SW: Simula push real (background).
Logs de Eventos
Interações aparecerão aqui.
Vazio. Peça permissão e envie uma notificação.

Uso

Vejamos primeiro o “contexto de segurança”: os recursos de notificação geralmente exigem https; a maioria dos navegadores irá rejeitá-lo diretamente no http comum.
Quando a permissão é negada, a página não pode ser restaurada automaticamente: você precisa ir até a barra de endereços/configurações do site do navegador para alterar a notificação de volta para “Permitir”.
Se o "acionamento da notificação na página" falhar, primeiro confirme se é um "gesto obrigatório do usuário" (o acionamento pelo clique do botão geralmente é suficiente).
Se não houver resposta após clicar em "Notificação SW", primeiro clique em "Registrar Service Worker" e confirme se as notificações em segundo plano não estão desabilitadas pelo navegador para o site.
Após clicar na notificação, observe o "log de eventos": as notificações dentro da página vão para Notification.onclick; As notificações SW vão para notificação clique (mais próximo do push real).

Guia de Notificação

Passo a passo para testar push.

Passo 1

Ambiente

5s
Confirme que "Contexto de Segurança" é Sim (HTTPS)
Confirme se a API de notificação/Service Worker é compatível
Se não for um contexto de segurança: mude para acesso https e tente novamente
Passo 2

Pedir Permissão

10s
Se o resultado for concedido: você pode continuar a acionar notificações
Se o resultado for negado: Vá até as configurações do site e altere manualmente para permitir (a página não pode ser restaurada automaticamente)
Se a janela nunca aparecer: Verifique se o navegador se lembrou da seleção ou se foi bloqueado pela política.
Passo 3

Notificação Local

10s
Definir título/conteúdo/Tag (opcional)
Clique em "Acionar notificação na página (nova notificação)"
Clique na notificação pop-up e verifique se os registros onclick aparecem no "Log de eventos"
Passo 4

Notificação via SW

15s
Clique em "Registrar Service Worker" e confirme se o SW pronto muda para Sim
Clique em "Acionar notificação SW (showNotification)"
Após clicar na notificação, verifique o log de eventos para ver se o postback do SW foi recebido (NOTIFICATION_CLICK/NOTIFICATION_CLOSE)

Perguntas Frequentes

Por que não recebo notificações?

1.

Para que é usada principalmente esta página?

Usado para verificar os recursos de notificação do navegador: incluindo o status da permissão (padrão/concedido/negado), se a notificação (nova notificação) na página pode aparecer e se o showNotification do Service Worker pode aparecer e retornar eventos de clique/fechamento.

2.

Por que a janela pop-up “Solicitar permissão de notificação” não aparece?

Razões comuns: O contexto atual não é seguro; o navegador lembrou-se das escolhas anteriores (especialmente negadas); ou está bloqueado pelas configurações do navegador/política corporativa. Primeiro confirme se o “Contexto de Segurança” está sim, e acesse as configurações do site para verificar as permissões de notificação.

3.

O que devo fazer se a permissão for negada?

A página não pode mudar automaticamente de negado para concedido. Acesse as configurações do site (ou configurações de notificação do sistema) na barra de endereço do navegador, altere a notificação do site para "Permitir", atualize a página e tente novamente.

4.

O iOS Safari oferece suporte a notificações do sistema?

O suporte ao recurso de notificação do iOS Safari é limitado e geralmente requer um formulário PWA "Adicionar à tela inicial" para usar o recurso de notificação; mesmo assim, ele será afetado pela versão do sistema e pela política de permissões.

5.

Por que o acionamento da notificação falha e solicita que um gesto do usuário seja necessário?

Alguns navegadores impedem que gestos de não usuários acionem notificações. Use cliques de botão na página para acionar (em vez de acionamento automático/programado) e certifique-se de que a guia não esteja em segundo plano.

6.

A notificação do SW não retorna ao log após ser clicada?

Primeiro clique em "Registrar Service Worker" e confirme se o SW está pronto, em seguida, acione a notificação do SW e clique. Se ainda não houver resposta, verifique se há `/notification-sw.js`, se a notificação em segundo plano foi interceptada pelo navegador e se há erros relacionados ao Service Worker no console.

7.

Por que posso acionar notificações, mas o sistema não as mostra?

Ele pode ser interceptado pelo "Modo Não Perturbe/Modo Foco" do sistema, pela chave mestre de notificação do sistema e pela chave de notificação do próprio navegador; também pode ser afetado pelo silêncio do site ou pelas políticas de agregação. Recomenda-se verificar a central de notificações do sistema e as permissões do site do navegador.