¿Te imaginas tu móvil sin notificaciones? Las notificaciones lo ayudan a navegar por las diferentes aplicaciones en su dispositivo al brindarle fragmentos de lo que sucede en esas aplicaciones, y puede decidir qué es lo suficientemente importante como para prestar atención.

Hay tres tipos de cuadros emergentes de JavaScript: el cuadro de alerta, el cuadro de confirmación y el cuadro de aviso. Este artículo se centrará en el cuadro de alerta.

El cuadro de alerta tiene como objetivo principal obtener información del usuario. El cuadro de alerta generalmente requiere que el usuario ingrese Aceptar o Descartar para continuar. Siga leyendo para obtener más información sobre las alertas emergentes del navegador.

¿Qué es una alerta del navegador?

Una alerta del navegador describe una notificación enviada por un sitio web o una aplicación web. Los usuarios pueden recibir alertas del navegador de los sitios web a los que se han suscrito incluso cuando no están en el sitio web o no están usando activamente su navegador.

Antes del desarrollo de las aplicaciones móviles y de computadora, los navegadores eran el único acceso a Internet, pero aún así, no había notificaciones. La actualización de la versión 42 de Google Chrome marcó el punto de inflexión en la evolución de los navegadores.

Las notificaciones del navegador realizan las mismas funciones que las notificaciones de aplicaciones móviles. Sin embargo, las notificaciones utilizadas en los navegadores se conocen como ventanas emergentes de alerta del navegador o cuadros emergentes de JavaScript.

¿Qué significa alerta de JavaScript?

Una alerta de JavaScript es una ventana de mensaje para los usuarios. Puede variar desde notificar al usuario de un error hasta otros mensajes como una nueva actualización.

La función de alertas de JavaScript le indica al navegador que envíe un diálogo modal que lleva un mensaje y una OK botón.

¿Cómo administro las ventanas emergentes de alerta del navegador en JavaScript?

1. Utilice el controlador web Selenium 

1. presione el ventanas + mi claves para empezar Explorador de archivos.
2. Haga clic en esta computadora, haga clic derecho en un espacio libre en la unidad de su elección y cree una carpeta llamada jsalert.
3. Cree un archivo HTML llamado jsalerts.htmyo dentro de la jsalert carpeta.
   
4. Pegue el siguiente código en el archivo.
5. Guarde el código y abra el archivo HTML en su navegador.
6. Haga clic en cada botón repetidamente para ver las diferentes alertas; simple (), confirmar () y preguntar ().

Manejo de alertas de JavaScript con Selenium WebDriver
Prueba alerta simplePruebe la alerta rápidaPrueba Confirmar Alerta

Hay cuatro categorías principales de alertas del navegador: simple, aviso, confirmación y autenticación. Para manejar estas alertas, puede usar los pasos anteriores.

2. Cerrar alerta del navegador en JavaScript 

Hay dos métodos para cerrar las alertas del navegador en JavaScript y son:

1. El método cerrar (). El código para la función cerrar () se ve así:

let notificación = nueva Notificación (título, opciones);
// hacer un poco de trabajo, luego cerrar la notificación
notificación.cerrar()

1. La función setTimeout para el cierre automático. El código para la función setTimeout se ve así:

let notificación = nueva Notificación (título, opciones);
establecerTiempo de espera(() => {
notificación.cerrar()
}, 4000);

3. Personaliza un cuadro de alerta de JavaScript con CSS

Puede personalizar un cuadro de alerta de JavaScript con CSS. Uso de las propiedades superior e izquierda de CSS para personalizar la posición del cuadro de alerta.

Así es como se vería un código de cuadro de alerta:

× Este es un cuadro de alerta. 

W3 Schools tiene una muy buen tutorial sobre cómo crear alertas de JavaScript con CSS y eso podría ayudarte mucho.

4. Cómo configurar alertas del navegador

JavaScript usa el método alert () para mostrar cuadros de alerta. El cuadro de alerta aparece con un mensaje específico y un OK botón, que se utiliza para garantizar que el usuario reciba el mensaje. Por ejemplo, veamos el siguiente código para una simple alerta de JavaScript:

Bienvenido a JavaScript
Alerta en JavaScript
 Para mostrar el mensaje de alerta, haga clic en el botón "Mostrar mensaje de alerta": 
 Mostrar mensaje de alerta 

Este código dará el siguiente resultado:

Bienvenido a JavaScript 

Alerta en JavaScript 

Para mostrar el mensaje de alerta, haga clic en el mostrar mensaje de alerta botón

Una vez que haga doble clic en el botón, se mostrará el siguiente mensaje:

esta pagina dice

Este es el mensaje de alerta.

OK

5. Habilitar la alerta de JavaScript del navegador Edge

1. Abra su navegador Edge y haga clic en el Más (los tres puntos en la esquina superior derecha de la pantalla), desplácese hacia abajo por las opciones y haga clic en Ajustes.
2. Escribe JavaScript en la barra de búsqueda de ajustes.
3. El navegador resaltará todas las configuraciones relacionadas con JavaScript; haga clic en el JavaScript sección.
4. Habilite la alerta de JavaScript haciendo clic en el interruptor junto a la Permitido (recomendado) opción.
5. Puedes usar el Bloquear o Permitir opciones para seleccionar sitios específicos de los que desea bloquear o permitir alertas.

Las alertas del navegador han revolucionado la experiencia del navegador al permitir a los usuarios realizar un seguimiento de sus actividades como lo harían con las aplicaciones móviles.

Puede recibir avisos, confirmar una acción o simplemente recibir recordatorios de ciertas actividades en un sitio web incluso cuando no está activamente en el sitio o usando su navegador.

Espero que la información de este artículo haya facilitado la navegación por la ventana emergente de alerta de su navegador.

Es posible que desee ver nuestra lista de los mejores navegadores para personalizar tu barra de direcciones y vea si desea reemplazar el existente.

Mientras tanto, si tiene alguna sugerencia o pregunta, no dude en utilizar nuestra sección de comentarios a continuación para informarnos al respecto.