Já imaginou seu celular sem notificações? As notificações ajudam você a navegar pelos diferentes aplicativos em seu dispositivo, fornecendo partes do que está acontecendo nesses aplicativos, e você pode decidir o que é importante o suficiente para prestar atenção.

Existem três tipos de caixas pop-up JavaScript: a caixa de alerta, a caixa de confirmação e a caixa de prompt. Este artigo se concentrará na caixa de alerta.

O principal objetivo da caixa de alerta é obter as informações do usuário. A caixa de alerta geralmente requer a entrada OK ou Dispensar do usuário para prosseguir. Continue lendo para saber mais sobre os alertas pop-up do navegador.

O que é um alerta de navegador?

Um alerta de navegador descreve uma notificação enviada por um site ou aplicativo da web. Os usuários podem receber alertas do navegador de sites nos quais se inscreveram, mesmo quando não estão no site ou usando ativamente o navegador.

Antes do desenvolvimento de aplicativos móveis e de computador, os navegadores eram o único acesso à internet, mas mesmo assim não havia notificações. A atualização do Google Chrome versão 42 marcou o ponto de virada na evolução do navegador.

As notificações do navegador executam as mesmas funções que as notificações de aplicativos móveis. No entanto, as notificações usadas nos navegadores são conhecidas como pop-ups de alerta do navegador ou caixas pop-up JavaScript.

O que significa alerta de JavaScript?

Um alerta JavaScript é uma janela de mensagem para os usuários. Pode variar desde notificar o usuário sobre um erro até outras mensagens, como uma nova atualização.

A função de alertas JavaScript instrui o navegador a enviar uma caixa de diálogo modal que carrega uma mensagem e um OK botão.

Como gerencio pop-ups de alerta do navegador em JavaScript?

1. Usar o webdriver Selenium 

1. aperte o janelas + E chaves para iniciar Explorador de arquivos.
2. Clique em Este computador, clique com o botão direito do mouse em um espaço livre na unidade de sua escolha e crie uma pasta chamada jsalert.
3. Crie um arquivo HTML chamado jsalerts.htmeu dentro do jsalert pasta.
   
4. Cole o código abaixo no arquivo.
5. Salve o código e abra o arquivo HTML no seu navegador.
6. Clique em cada botão repetidamente para ver os diferentes alertas; simples (), confirme () e prompt ().

Manipulando alertas de JavaScript usando o Selenium WebDriver
Experimente o Alerta SimplesTente alerta rápidoTente Confirmar Alerta

Existem quatro categorias principais de alertas do navegador: simples, prompt, confirmar e autenticação. Para lidar com esses alertas, você pode usar as etapas acima.

2. Fechar alerta do navegador em JavaScript 

Existem dois métodos para fechar alertas do navegador em JavaScript e são eles:

1. O método close(). O código para a função close() é assim:

let notificação = nova Notificação (título, opções);
// faça algum trabalho e feche a notificação
notificação.fechar()

1. A função setTimeout para fechamento automático. O código para a função setTimeout se parece com isso:

let notificação = nova Notificação (título, opções);
setTimeout(() => {
notificação.fechar()
}, 4000);

3. Personalizar uma caixa de alerta JavaScript com CSS

Você pode personalizar uma caixa de alerta JavaScript com CSS. Usando as propriedades CSS superior e esquerda para personalizar a posição da caixa de alerta.

Esta é a aparência de um código de caixa de alerta:

× Esta é uma caixa de alerta. 

A W3 Schools tem um bom tutorial sobre como criar alertas JavaScript com CSS e isso pode te ajudar muito.

4. Como definir alertas do navegador

JavaScript usa o método alert() para exibir caixas de alerta. A caixa de alerta aparece com uma mensagem específica e um OK botão, que é usado para garantir que o usuário receba a mensagem. Por exemplo, vejamos o código abaixo para um alerta JavaScript simples:

Bem-vindo ao JavaScript
Alerta em JavaScript
 Para exibir a mensagem de alerta, clique no botão "Mostrar mensagem de alerta": 
 Mostrar mensagem de alerta 

Este código dará a seguinte saída:

Bem-vindo ao JavaScript 

Alerta em JavaScript 

Para exibir a mensagem de alerta, clique no botão mostrar mensagem de alerta botão

Após clicar duas vezes no botão, a seguinte mensagem será exibida:

Esta página diz

Esta é a mensagem de alerta 

OK

5. Habilitar o alerta JavaScript do navegador Edge

1. Abra seu navegador Edge e clique no botão Mais botão (os três pontos no canto superior direito da tela), role para baixo as opções e clique em Definições.
2. Modelo JavaScript na barra de pesquisa de configurações.
3. O navegador destacará todas as configurações relacionadas ao JavaScript; Clique no JavaScript seção.
4. Ative o alerta de JavaScript clicando no botão de alternância ao lado do Permitido (recomendado) opção.
5. Você pode usar o Quadra ou Permitir opções para selecionar sites específicos dos quais você deseja bloquear ou permitir alertas.

Os alertas do navegador revolucionaram a experiência do navegador, permitindo que os usuários acompanhem suas atividades como fariam com aplicativos móveis.

Você pode receber avisos, confirmar uma ação ou apenas ser lembrado de determinadas atividades em um site, mesmo quando não estiver ativamente no site ou usando seu navegador.

Espero que as informações deste artigo tenham facilitado a navegação no pop-up de alerta do navegador.

Você pode querer olhar para a nossa lista de melhores navegadores para personalizar sua barra de endereços e veja se você deseja substituir o existente.

Enquanto isso, se você tiver alguma sugestão ou dúvida, não hesite em usar nossa seção de comentários abaixo para nos informar sobre eles.