Замініть JavaScript-коробки сповіщення цією чуйною альтернативою

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

У сучасну епоху ми можемо краще, ніж коробки попередження JavaScript. SweetAlert2 це, мабуть, найкраще рішення.

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

Природно, це також відкритий джерело і вільно доступні на GitHub якщо ви хочете копатися в коді.

Але справжній скарб - це демонстрація на головній веб-сторінці SweetAlert. Це пропонує пряме порівняння між початковим вікном сповіщення JavaScript і повідомленням SweetAlert2.

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

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

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

Це в кінцевому рахунку збільшує участь користувача тому що люди не відібрані через тіньову практику UX.

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

Якщо є якийсь скрипт, який ви повинні використовувати замість типового попередження JavaScript, він повинен бути SweetAlert2. Ця річ абсолютно безкоштовно, відкрите джерело, і пропонує безліч користувацьких опцій що кожен веб-розробник буде посміхатися від вуха до вуха.

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