Czy możesz sobie wyobrazić swój telefon komórkowy bez powiadomień? Powiadomienia pomagają poruszać się po różnych aplikacjach na urządzeniu, dostarczając informacji o tym, co się w nich dzieje, i możesz zdecydować, na co warto zwrócić uwagę.

Istnieją trzy typy wyskakujących okienek JavaScript: okienko alertu, okienko potwierdzenia i okienko zachęty. W tym artykule skupimy się na polu alertu.

Głównym celem okna alertów jest uzyskanie informacji o użytkowniku. Okno alertu zwykle wymaga wprowadzenia danych OK lub Odrzuć przez użytkownika, aby kontynuować. Czytaj dalej, aby dowiedzieć się więcej o wyskakujących alertach przeglądarki.

Co to jest alert przeglądarki?

Alert przeglądarki opisuje powiadomienie wysłane przez witrynę lub aplikację internetową. Użytkownicy mogą otrzymywać alerty przeglądarki ze stron, które subskrybowali, nawet jeśli nie są na stronie lub aktywnie korzystają z przeglądarki.

Przed rozwojem aplikacji mobilnych i komputerowych jedynym dostępem do internetu były przeglądarki, ale nawet wtedy nie było powiadomień. Aktualizacja Google Chrome w wersji 42 była punktem zwrotnym w ewolucji przeglądarek.

Powiadomienia przeglądarki pełnią te same funkcje, co powiadomienia aplikacji mobilnej. Jednak powiadomienia używane w przeglądarkach są znane jako wyskakujące okienka alertów przeglądarki lub wyskakujące okienka JavaScript.

Co oznacza alert JavaScript?

Alert JavaScript to okno wiadomości dla użytkowników. Może się różnić od powiadomienia użytkownika o błędzie do innych wiadomości, takich jak nowa aktualizacja.

Funkcja alertów JavaScript instruuje przeglądarkę, aby wysłała modalne okno dialogowe, które zawiera komunikat i OK przycisk.

Jak zarządzać wyskakującymi okienkami alertów przeglądarki w JavaScript?

1. Użyj sterownika internetowego Selenium 

1. wciśnij Okna + mi klucze do startu Przeglądarka plików.
2. Kliknij Ten komputer, kliknij prawym przyciskiem myszy wolne miejsce na wybranym dysku i utwórz folder o nazwie jsalert.
3. Utwórz plik HTML o nazwie jsalerts.htmjestem w środku jsalert teczka.
   
4. Wklej poniższy kod do pliku.
5. Zapisz kod i otwórz plik HTML w przeglądarce.
6. Kliknij każdy przycisk wielokrotnie, aby zobaczyć różne alerty; proste (), potwierdź () i monit ().

Obsługa alertów JavaScript za pomocą Selenium WebDriver
Wypróbuj prosty alertWypróbuj szybki alertSpróbuj Potwierdź alert

Istnieją cztery główne kategorie alertów przeglądarki: proste, monitujące, potwierdzające i uwierzytelniające. Aby obsłużyć te alerty, możesz wykonać powyższe kroki.

2. Zamknij alert przeglądarki w JavaScript 

Istnieją dwie metody zamykania alertów przeglądarki w JavaScript i są to:

1. Metoda zamknięcia (). Kod funkcji close() wygląda tak:

niech powiadomienie = nowe powiadomienie (tytuł, opcje);
// popracuj, a potem zamknij powiadomienie
powiadomienie.zamknij()

1. Funkcja setTimeout do automatycznego zamykania. Kod funkcji setTimeout wygląda tak:

niech powiadomienie = nowe powiadomienie (tytuł, opcje);
setTimeout(() => {
powiadomienie.zamknij()
}, 4000);

3. Dostosuj pole alertu JavaScript za pomocą CSS

Możesz dostosować pole alertu JavaScript za pomocą CSS. Korzystanie z górnych i lewych właściwości CSS w celu dostosowania pozycji pola alertu.

Tak wyglądałby kod okna alertu:

× To jest okno alertu. 

Szkoły W3 mają bardzo fajny samouczek o tym, jak tworzyć alerty JavaScript za pomocą CSS, a to może ci bardzo pomóc.

4. Jak ustawić alerty przeglądarki

JavaScript używa metody alert() do wyświetlania okien alertów. Pojawi się okno alertu z konkretną wiadomością i OK przycisk, który służy do zapewnienia, że ​​użytkownik otrzyma wiadomość. Na przykład spójrzmy na poniższy kod prostego alertu JavaScript:

Witamy w JavaScript
Alert w JavaScript
 Aby wyświetlić komunikat ostrzegawczy, kliknij przycisk „Pokaż komunikat ostrzegawczy”: 
 Pokaż komunikat alertu 

Ten kod da następujący wynik:

Witamy w JavaScript 

Alert w JavaScript 

Aby wyświetlić komunikat ostrzegawczy, kliknij pokaż komunikat ostrzegawczy przycisk

Po dwukrotnym kliknięciu przycisku zostanie wyświetlony następujący komunikat:

Ta strona mówi

To jest komunikat ostrzegawczy 

OK

5. Włącz alert JavaScript przeglądarki Edge

1. Otwórz przeglądarkę Edge i kliknij Więcej (trzy kropki w prawym górnym rogu ekranu), przewiń opcje i kliknij Ustawienia.
2. Rodzaj JavaScript w pasku wyszukiwania ustawień.
3. Przeglądarka podświetli wszystkie ustawienia związane z JavaScriptem; Kliknij JavaScript Sekcja.
4. Włącz alert JavaScript, klikając przełącznik obok Dozwolone (zalecane) opcja.
5. Możesz użyć Blok lub Umożliwić opcje, aby wybrać określone witryny, z których chcesz blokować lub zezwalać na alerty.

Alerty przeglądarki zrewolucjonizowały sposób korzystania z przeglądarki, umożliwiając użytkownikom śledzenie ich działań, tak jak w przypadku aplikacji mobilnych.

Możesz otrzymywać podpowiedzi, potwierdzać działania lub po prostu otrzymywać przypomnienia o określonych czynnościach w witrynie, nawet jeśli nie korzystasz aktywnie z witryny lub przeglądarki.

Mam nadzieję, że informacje zawarte w tym artykule ułatwiły poruszanie się po wyskakującym okienku alertu przeglądarki.

Możesz rzucić okiem na naszą listę najlepsze przeglądarki do dostosowania paska adresu i zobacz, czy chcesz zastąpić istniejący.

W międzyczasie, jeśli masz jakieś sugestie lub pytania, nie wahaj się skorzystać z naszej sekcji komentarzy poniżej, aby poinformować nas o nich.