Домашняя » Инструментарий » Замените блоки предупреждений JavaScript этой адаптивной альтернативой

    Замените блоки предупреждений JavaScript этой адаптивной альтернативой

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

    В современную эпоху мы можем сделать лучше, чем окна предупреждений JavaScript. SweetAlert2 это, наверное, лучшее решение.

    Это JavaScript-всплывающий скрипт это должно быть полностью отзывчивый а также поддержка доступности для всех пользователей.

    Естественно, это также с открытым исходным кодом и свободно доступны на GitHub если ты хочешь копаться в коде.

    Но настоящим сокровищем является демонстрация на главной веб-странице SweetAlert. Это предлагает прямое сравнение между исходным окном предупреждения JavaScript и сообщением SweetAlert2.

    Что забавно, фрагменты кода не кажутся большой разницей. Вы можете запустить SweetAlert2 с одной строкой кода так же, как типичное предупреждение JavaScript, хотя эта строка может быть длиннее по сравнению.

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

    Тем не менее, абсолютной лучшей особенностью является то, что SweetAlert2 не обогнать весь браузер. Если вы запустите всплывающее окно SweetAlert2, оно будет отображать только на этой вкладке, поэтому, даже если пользователь просматривает другой сайт, он не будет принудительно перенаправлен на вашу вкладку только из-за предупреждения.

    Это в конечном итоге увеличивает вовлеченность пользователей потому что люди не защищены от теневых практик UX.

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

    Если есть какой-либо сценарий, который вы должны использовать вместо типичного предупреждения JavaScript, это должен быть SweetAlert2. Эта вещь совершенно бесплатно, Открытый исходный код, а также предлагает кучу пользовательских опций что каждый веб-разработчик будет улыбаться от уха до уха.

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