Riesci a immaginare il tuo cellulare senza notifiche? Le notifiche ti aiutano a navigare tra le diverse app sul tuo dispositivo fornendoti frammenti di ciò che sta succedendo in quelle app e puoi decidere cosa è abbastanza importante a cui prestare attenzione.

Esistono tre tipi di finestre popup JavaScript: la casella di avviso, la casella di conferma e la casella di richiesta. Questo articolo si concentrerà sulla casella di avviso.

L'obiettivo principale della finestra di avviso è ottenere le informazioni dell'utente. La finestra di avviso in genere richiede l'immissione di OK o Ignora dell'utente per procedere. Continua a leggere per saperne di più sugli avvisi popup del browser.

Che cos'è un avviso del browser?

Un avviso del browser descrive una notifica inviata da un sito Web o da un'applicazione Web. Gli utenti possono ricevere avvisi del browser dai siti Web a cui si sono iscritti anche quando non si trovano sul sito Web o utilizzano attivamente il proprio browser.

Prima dello sviluppo di applicazioni mobili e per computer, i browser erano l'unico accesso a Internet, ma anche allora non c'erano notifiche. L'aggiornamento della versione 42 di Google Chrome ha segnato la svolta nell'evoluzione dei browser.

Le notifiche del browser svolgono le stesse funzioni delle notifiche delle app mobili. Tuttavia, le notifiche utilizzate nei browser sono note come popup di avviso del browser o finestre popup JavaScript.

Cosa significa avviso JavaScript?

Un avviso JavaScript è una finestra di messaggio per gli utenti. Potrebbe variare dalla notifica all'utente di un errore ad altri messaggi come un nuovo aggiornamento.

La funzione di avvisi JavaScript indica al browser di inviare una finestra di dialogo modale che contiene un messaggio e un OK pulsante.

Come posso gestire i popup di avviso del browser in JavaScript?

1. Usa il webdriver Selenium 

1. premi il finestre + e chiavi per iniziare Esplora file.
2. Clicca su Questo PC, fai clic con il pulsante destro del mouse su uno spazio libero sull'unità di tua scelta e crea una cartella chiamata jsalert.
3. Crea un file HTML chiamato jsalerts.html dentro il jsalert cartella.
   
4. Incolla il codice qui sotto nel file.
5. Salva il codice e apri il file HTML nel tuo browser.
6. Fare clic su ciascun pulsante ripetutamente per visualizzare i diversi avvisi; semplice (), conferma () e prompt ().

Gestione degli avvisi JavaScript utilizzando Selenium WebDriver
Prova Avviso sempliceProva Avviso rapidoProva Conferma avviso

Esistono quattro categorie principali di avvisi del browser: semplice, rapido, di conferma e di autenticazione. Per gestire questi avvisi, puoi utilizzare i passaggi precedenti.

2. Chiudi avviso del browser in JavaScript 

Esistono due metodi per chiudere gli avvisi del browser in JavaScript e sono:

1. Il metodo close(). Il codice per la funzione close() è simile al seguente:

let notification = new Notification (titolo, opzioni);
// fai un po' di lavoro, poi chiudi la notifica
notifica.chiudi()

1. La funzione setTimeout per la chiusura automatica. Il codice per la funzione setTimeout è simile al seguente:

let notification = new Notification (titolo, opzioni);
setTimeout(() => {
notifica.chiudi()
}, 4000);

3. Personalizza una casella di avviso JavaScript con CSS

Puoi personalizzare una casella di avviso JavaScript con CSS. Utilizzo delle proprietà CSS in alto e a sinistra per personalizzare la posizione della finestra di avviso.

Ecco come apparirà il codice di una casella di avviso:

× Questa è una casella di avviso. 

W3 Schools ha molto bel tutorial su come creare avvisi JavaScript con CSS e questo potrebbe aiutarti molto.

4. Come impostare gli avvisi del browser

JavaScript utilizza il metodo alert() per visualizzare le caselle di avviso. Viene visualizzata la finestra di avviso con un messaggio specifico e un OK pulsante, che viene utilizzato per garantire che l'utente riceva il messaggio. Ad esempio, diamo un'occhiata al codice seguente per un semplice avviso JavaScript:

Benvenuto in JavaScript
Avviso in JavaScript
 Per visualizzare il messaggio di avviso, fare clic sul pulsante "Mostra messaggio di avviso": 
 Mostra messaggio di avviso 

Questo codice darà il seguente output:

Benvenuto in JavaScript 

Avviso in JavaScript 

Per visualizzare il messaggio di avviso, fare clic su mostra messaggio di avviso pulsante

Dopo aver fatto doppio clic sul pulsante, verrà visualizzato il seguente messaggio:

Questa pagina dice

Questo è il messaggio di avviso 

OK

5. Abilita l'avviso JavaScript del browser Edge

1. Apri il browser Edge e fai clic su Di più pulsante (i tre punti nell'angolo in alto a destra dello schermo), scorrere le opzioni verso il basso e fare clic su Impostazioni.
2. Tipo JavaScript nella barra di ricerca delle impostazioni.
3. Il browser evidenzierà tutte le impostazioni relative a JavaScript; clicca il JavaScript sezione.
4. Abilita l'avviso JavaScript facendo clic sull'interruttore accanto a Consentito (consigliato) opzione.
5. Puoi usare il Bloccare o Permettere opzioni per selezionare siti specifici da cui desideri bloccare o consentire gli avvisi.

Gli avvisi del browser hanno rivoluzionato l'esperienza del browser consentendo agli utenti di tenere traccia delle proprie attività come farebbero con le applicazioni mobili.

Puoi ricevere richieste, confermare un'azione o semplicemente ricevere un promemoria di determinate attività su un sito Web anche quando non sei attivamente sul sito o non utilizzi il tuo browser.

Spero che le informazioni di questo articolo abbiano facilitato la navigazione nel popup di avviso del browser.

Potresti voler dare un'occhiata al nostro elenco di migliori browser per personalizzare la barra degli indirizzi e vedi se vuoi sostituire quello esistente.

Nel frattempo, se hai suggerimenti o domande, non esitare a utilizzare la nostra sezione commenti qui sotto per farcelo sapere.