Kan du föreställa dig din mobiltelefon utan aviseringar? Aviseringar hjälper dig att navigera i de olika apparna på din enhet genom att ge dig bitar av vad som händer i dessa appar, och du kan bestämma vad som är tillräckligt viktigt att vara uppmärksam på.

Det finns tre typer av JavaScript-popup-rutor: varningsrutan, bekräftelserutan och uppmaningsrutan. Den här artikeln kommer att fokusera på varningsrutan.

Varningsrutans huvudsakliga syfte är att få användarens information. Varningsrutan kräver vanligtvis användarens OK eller Avvisa inmatning för att fortsätta. Fortsätt läsa för att lära dig mer om popup-varningar i webbläsaren.

Vad är en webbläsarvarning?

En webbläsarvarning beskriver ett meddelande som skickas av en webbplats eller webbapplikation. Användare kan få webbläsarvarningar från webbplatser de har prenumererat på även när de inte är på webbplatsen eller aktivt använder sin webbläsare.

Innan utvecklingen av mobil- och datorapplikationer var webbläsare den enda tillgången till internet, men inte ens då fanns det inga aviseringar. Uppdateringen av Google Chrome version 42 markerade vändpunkten i webbläsarutvecklingen.

Webbläsaraviseringar har samma funktioner som aviseringar i mobilappar. Aviseringarna som används i webbläsare är dock kända som popup-fönster för webbläsare eller JavaScript-popup-rutor.

Vad betyder JavaScript-varning?

En JavaScript-varning är ett meddelandefönster för användare. Det kan variera från att meddela användaren om ett fel till andra meddelanden som en ny uppdatering.

JavaScript-varningsfunktionen instruerar webbläsaren att skicka en modal dialogruta som innehåller ett meddelande och en OK knapp.

Hur hanterar jag popup-fönster för webbläsarvarningar i JavaScript?

1. Använd Selenium webdriver 

1. tryck på Windows + E nycklar för att starta Utforskaren.
2. Klicka på Denna PC, högerklicka på ett ledigt utrymme på den enhet du väljer och skapa en mapp som heter jsalert.
3. Skapa en HTML-fil som heter jsalerts.html inne i jsalert mapp.
   
4. Klistra in koden nedan i filen.
5. Spara koden och öppna HTML-filen i din webbläsare.
6. Klicka på varje knapp upprepade gånger för att se de olika varningarna; enkel (), bekräfta () och fråga ().

Hantera JavaScript-varningar med Selenium WebDriver
Prova Simple AlertProva Prompt AlertProva Bekräfta varning

Det finns fyra huvudkategorier för webbläsarvarningar: enkel, snabb, bekräfta och autentisering. För att hantera dessa varningar kan du använda stegen ovan.

2. Stäng webbläsarvarning i JavaScript 

Det finns två metoder för att stänga webbläsarvarningar i JavaScript och de är:

1. Close ()-metoden. Koden för close ()-funktionen ser ut så här:

låt meddelande = ny meddelande (titel, alternativ);
// gör lite arbete och stäng sedan meddelandet
notification.close()

1. SetTimeout-funktionen för automatisk stängning. Koden för setTimeout-funktionen ser ut så här:

låt meddelande = ny meddelande (titel, alternativ);
setTimeout(() => {
notification.close()
}, 4000);

3. Anpassa en JavaScript-varningsruta med CSS

Du kan anpassa en JavaScript-varningsruta med CSS. Använd CSS-egenskaperna överst och till vänster för att anpassa varningsrutans position.

Så här skulle en varningsruta-kod se ut:

× Detta är en varningsruta. 

W3 Schools har en mycket trevlig tutorial om hur man skapar JavaScript-varningar med CSS och det kan hjälpa dig mycket.

4. Hur man ställer in webbläsarvarningar

JavaScript använder metoden alert () för att visa varningsrutor. Varningsrutan dyker upp med ett specifikt meddelande och ett OK knappen, som används för att säkerställa att användaren får meddelandet. Låt oss till exempel titta på koden nedan för en enkel JavaScript-varning:

Välkommen till JavaScript
Varning i JavaScript
 För att visa varningsmeddelandet, klicka på knappen "Visa varningsmeddelande": 
 Visa varningsmeddelande 

Denna kod kommer att ge följande utdata:

Välkommen till JavaScript 

Varning i JavaScript 

För att visa varningsmeddelandet, klicka på visa varningsmeddelande knapp

När du dubbelklickar på knappen kommer följande meddelande att visas:

Den här sidan säger

Detta är varningsmeddelandet 

OK

5. Aktivera Edge-webbläsarens JavaScript-varning

1. Öppna din Edge-webbläsare och klicka på Mer knappen (de tre prickarna i det övre högra hörnet av skärmen), rulla ner alternativen och klicka på inställningar.
2. Typ JavaScript i sökfältet för inställningar.
3. Webbläsaren kommer att markera alla JavaScript-relaterade inställningar; Klicka på JavaScript sektion.
4. Aktivera JavaScript-varningen genom att klicka på reglaget bredvid Tillåtet (rekommenderas) alternativ.
5. Du kan använda Blockera eller Tillåta alternativ för att välja specifika webbplatser som du vill blockera eller tillåta varningar från.

Webbläsarvarningar har revolutionerat webbläsarupplevelsen genom att tillåta användare att hålla reda på sina aktiviteter som de skulle göra med mobilapplikationer.

Du kan få uppmaningar, bekräfta en åtgärd eller bara bli påmind om vissa aktiviteter på en webbplats även när du inte är aktivt på webbplatsen eller använder din webbläsare.

Jag hoppas att den här artikelns information har gjort det lättare att navigera i din webbläsarvarningspopup.

Du kanske vill titta på vår lista över bästa webbläsarna för att anpassa ditt adressfält och se om du vill byta ut den befintliga.

Under tiden, om du har några förslag eller frågor, tveka inte att använda vårt kommentarsavsnitt nedan för att meddela oss om dem.