Чи можете ви уявити свій мобільний телефон без сповіщень? Сповіщення допомагають вам переміщатися між різними програмами на вашому пристрої, надаючи фрагменти того, що відбувається в цих програмах, і ви можете вирішити, на що є достатньо важливим, щоб звернути увагу.

Існує три типи спливаючих вікон JavaScript: вікно сповіщень, вікно підтвердження та вікно запиту. У цій статті мова піде про поле сповіщень.

Основна мета вікна сповіщень – отримати інформацію користувача. Щоб продовжити, у вікні сповіщення зазвичай потрібно ввести OK або Dismiss. Продовжуйте читати, щоб дізнатися більше про спливаючі сповіщення браузера.

Що таке сповіщення браузера?

Сповіщення браузера описує сповіщення, надіслане веб-сайтом або веб-програмою. Користувачі можуть отримувати сповіщення веб-переглядача від веб-сайтів, на які вони підписалися, навіть якщо вони не перебувають на веб-сайті або активно використовують свій браузер.

До розробки мобільних і комп’ютерних програм браузери були єдиним доступом до Інтернету, але навіть тоді сповіщень не було. Оновлення Google Chrome версії 42 стало переломним моментом в еволюції браузера.

Сповіщення веб-переглядача виконують ті самі функції, що й сповіщення мобільних програм. Однак сповіщення, які використовуються в браузерах, відомі як спливаючі вікна попереджень браузера або спливаючі вікна JavaScript.

Що означає попередження JavaScript?

Сповіщення JavaScript — це вікно повідомлень для користувачів. Це може варіюватися від сповіщення користувача про помилку до інших повідомлень, наприклад про нове оновлення.

Функція сповіщень JavaScript наказує браузеру надіслати модальне діалогове вікно, яке несе повідомлення та в порядку кнопку.

Як керувати спливаючими вікнами попереджень браузера в JavaScript?

1. Використовуйте веб-драйвер Selenium 

1. Натисніть вікна + E ключі для запуску Провідник файлів.
2. Натисніть на Цей ПК, клацніть правою кнопкою миші вільне місце на диску за вашим вибором і створіть папку під назвою jsalert.
3. Створіть файл HTML під назвою jsalerts.html всередині jsalert папку.
   
4. Вставте наведений нижче код у файл.
5. Збережіть код і відкрийте файл HTML у своєму браузері.
6. Натисніть кожну кнопку кілька разів, щоб переглянути різні сповіщення; простий (), підтвердити () і запит ().

Обробка попереджень JavaScript за допомогою Selenium WebDriver
Спробуйте Просте сповіщенняСпробуйте швидке сповіщенняСпробуйте підтвердити сповіщення

Існує чотири основні категорії сповіщень браузера: прості, сповіщення, підтвердження та автентифікація. Щоб обробити ці сповіщення, виконайте наведені вище дії.

2. Сповіщення про закриття браузера в JavaScript 

Існує два методи закриття сповіщень браузера в JavaScript:

1. Метод close (). Код функції close () виглядає так:

let notification = нове сповіщення (заголовок, параметри);
// виконати певну роботу, потім закрити сповіщення
notification.close()

1. Функція setTimeout для автоматичного закриття. Код функції setTimeout виглядає так:

let notification = нове сповіщення (заголовок, параметри);
setTimeout(() => {
notification.close()
}, 4000);

3. Налаштуйте вікно сповіщень JavaScript за допомогою CSS

Ви можете налаштувати вікно сповіщень JavaScript за допомогою CSS. Використання властивостей CSS top і left для налаштування положення поля сповіщення.

Ось як виглядатиме код вікна попередження:

× Це вікно сповіщень. 

W3 Schools має дуже хороший підручник про те, як створювати сповіщення JavaScript за допомогою CSS, і це може вам дуже допомогти.

4. Як налаштувати сповіщення браузера

JavaScript використовує метод alert () для відображення вікон сповіщень. З’явиться вікно сповіщення з певним повідомленням і в порядку кнопка, яка використовується для того, щоб користувач отримав повідомлення. Наприклад, розглянемо наведений нижче код для простого попередження JavaScript:

Ласкаво просимо до JavaScript
Сповіщення в JavaScript
 Щоб відобразити попереджувальне повідомлення, натисніть кнопку «Показати попереджувальне повідомлення»: 
 Показати сповіщення 

Цей код дасть наступний результат:

Ласкаво просимо до JavaScript 

Сповіщення в JavaScript 

Щоб відобразити попереджувальне повідомлення, натисніть на показати сповіщення кнопку

Після подвійного натискання кнопки з’явиться таке повідомлення:

На цій сторінці сказано

Це попереджувальне повідомлення 

в порядку

5. Увімкніть сповіщення JavaScript браузера Edge

1. Відкрийте браузер Edge і натисніть на більше кнопку (три крапки у верхньому правому куті екрана), прокрутіть параметри вниз і натисніть Налаштування.
2. Тип JavaScript на панелі пошуку налаштувань.
3. Браузер виділить усі параметри, пов’язані з JavaScript; натисніть JavaScript розділ.
4. Увімкніть сповіщення JavaScript, натиснувши перемикач поруч із Дозволено (рекомендовано) варіант.
5. Ви можете використовувати Блокувати або Дозволити параметри для вибору конкретних сайтів, які потрібно заблокувати або дозволити сповіщення.

Сповіщення веб-переглядача революціонізували роботу веб-переглядача, дозволивши користувачам відстежувати свою діяльність так само, як і з мобільними програмами.

Ви можете отримувати підказки, підтверджувати дію або просто отримувати нагадування про певні дії на веб-сайті, навіть якщо ви не активні на сайті або не використовуєте свій браузер.

Сподіваюся, інформація цієї статті спростила навігацію у спливаючому вікні сповіщення браузера.

Ви можете переглянути наш список найкращі браузери для налаштування адресного рядка і подивіться, чи хочете ви замінити існуючий.

Тим часом, якщо у вас є пропозиції чи запитання, не соромтеся використовувати наш розділ коментарів нижче, щоб повідомити нам про них.