Pouvez-vous imaginer votre téléphone mobile sans notifications? Les notifications vous aident à naviguer dans les différentes applications de votre appareil en vous donnant des éléments de ce qui se passe dans ces applications, et vous pouvez décider de ce qui est suffisamment important pour y prêter attention.

Il existe trois types de boîtes contextuelles JavaScript: la boîte d'alerte, la boîte de confirmation et la boîte d'invite. Cet article se concentrera sur la boîte d'alerte.

L'objectif principal de la boîte d'alerte est d'obtenir des informations sur l'utilisateur. La boîte d'alerte nécessite généralement l'entrée OK ou Ignorer de l'utilisateur pour continuer. Continuez à lire pour en savoir plus sur les alertes contextuelles du navigateur.

Qu'est-ce qu'une alerte de navigateur ?

Une alerte de navigateur décrit une notification envoyée par un site Web ou une application Web. Les utilisateurs peuvent recevoir des alertes de navigateur des sites Web auxquels ils se sont abonnés même lorsqu'ils ne sont pas sur le site Web ou n'utilisent pas activement leur navigateur.

Avant le développement des applications mobiles et informatiques, les navigateurs étaient le seul accès à Internet, mais même alors, il n'y avait pas de notifications. La mise à jour de Google Chrome version 42 a marqué un tournant dans l'évolution du navigateur.

Les notifications du navigateur remplissent les mêmes fonctions que les notifications des applications mobiles. Cependant, les notifications utilisées dans les navigateurs sont appelées fenêtres contextuelles d'alerte de navigateur ou boîtes contextuelles JavaScript.

Que signifie l'alerte JavaScript ?

Une alerte JavaScript est une fenêtre de message pour les utilisateurs. Cela peut aller de la notification d'une erreur à l'utilisateur à d'autres messages comme une nouvelle mise à jour.

La fonction d'alertes JavaScript demande au navigateur d'envoyer une boîte de dialogue modale contenant un message et une D'ACCORD bouton.

Comment gérer les fenêtres contextuelles d'alerte du navigateur en JavaScript?

1. Utiliser le pilote Web Selenium 

1. appuyez sur la les fenêtres + E clés pour démarrer Explorateur de fichiers.
2. Cliquer sur Ce PC, faites un clic droit sur un espace libre du lecteur de votre choix et créez un dossier appelé jsalert.
3. Créez un fichier HTML appelé jsalerts.html à l'intérieur du jsalert dossier.
   
4. Collez le code ci-dessous dans le fichier.
5. Enregistrez le code et ouvrez le fichier HTML dans votre navigateur.
6. Cliquez plusieurs fois sur chaque bouton pour voir les différentes alertes; simple (), confirmer () et demander ().

Gestion des alertes JavaScript à l'aide de Selenium WebDriver
Essayez l'alerte simpleEssayez l'alerte rapideEssayez de confirmer l'alerte

Il existe quatre catégories principales d'alertes de navigateur: simple, invite, confirmation et authentification. Pour gérer ces alertes, vous pouvez suivre les étapes ci-dessus.

2. Fermer l'alerte du navigateur en JavaScript 

Il existe deux méthodes pour fermer les alertes du navigateur en JavaScript et elles sont:

1. La méthode close (). Le code de la fonction close() ressemble à ceci:

let notification = nouvelle notification (titre, options);
// faire du travail, puis fermer la notification
notification.close()

1. La fonction setTimeout pour la fermeture automatique. Le code de la fonction setTimeout ressemble à ceci:

let notification = nouvelle notification (titre, options);
setTimeout(() => {
notification.close()
}, 4000);

3. Personnaliser une boîte d'alerte JavaScript avec CSS

Vous pouvez personnaliser une boîte d'alerte JavaScript avec CSS. Utilisation des propriétés CSS top et left pour personnaliser la position de la boîte d'alerte.

Voici à quoi ressemblerait un code de boîte d'alerte :

× Ceci est une boîte d'alerte. 

W3 Schools a un très beau tutoriel sur la façon de créer des alertes JavaScript avec CSS et cela pourrait vous aider beaucoup.

4. Comment définir des alertes de navigateur

JavaScript utilise la méthode alert () pour afficher les boîtes d'alerte. La boîte d'alerte apparaît avec un message spécifique et un D'ACCORD bouton, qui est utilisé pour s'assurer que l'utilisateur reçoit le message. Par exemple, regardons le code ci-dessous pour une simple alerte JavaScript:

Bienvenue sur JavaScript
Alerte en JavaScript
 Pour afficher le message d'alerte, cliquez sur le bouton "Afficher le message d'alerte": 
 Afficher le message d'alerte 

Ce code donnera la sortie suivante:

Bienvenue sur JavaScript 

Alerte en JavaScript 

Pour afficher le message d'alerte, cliquez sur le afficher le message d'alerte bouton

Une fois que vous avez double-cliqué sur le bouton, le message suivant s'affiche:

Cette page dit

Ceci est le message d'alerte 

D'ACCORD

5. Activer l'alerte JavaScript du navigateur Edge

1. Ouvrez votre navigateur Edge et cliquez sur le Suite (les trois points en haut à droite de l'écran), faites défiler les options et cliquez sur Réglages.
2. Taper Javascript dans la barre de recherche des paramètres.
3. Le navigateur mettra en surbrillance tous les paramètres liés à JavaScript; clique le Javascript section.
4. Activez l'alerte JavaScript en cliquant sur le bouton à côté de Autorisé (recommandé) option.
5. Vous pouvez utiliser le Bloquer ou Permettre options pour sélectionner des sites spécifiques dont vous souhaitez bloquer ou autoriser les alertes.

Les alertes du navigateur ont révolutionné l'expérience du navigateur en permettant aux utilisateurs de suivre leurs activités comme ils le feraient avec des applications mobiles.

Vous pouvez recevoir des invites, confirmer une action ou simplement être rappelé de certaines activités sur un site Web, même lorsque vous n'êtes pas activement sur le site ou que vous n'utilisez pas votre navigateur.

J'espère que les informations de cet article ont facilité la navigation dans la fenêtre d'alerte de votre navigateur.

Vous voudrez peut-être consulter notre liste des meilleurs navigateurs pour personnaliser votre barre d'adresse et voyez si vous voulez remplacer l'existant.

En attendant, si vous avez des suggestions ou des questions, n'hésitez pas à utiliser notre section commentaires ci-dessous pour nous en faire part.