Ganti Kotak Peringatan JavaScript dengan Alternatif Responsif Ini

Munculan peringatan JavaScript dibenci oleh hampir semua orang. Mereka memaksa perhatian Anda dan menyalip browser, jadi Anda harus menutupnya sebelum Anda dapat berinteraksi dengan halaman.

Di era modern, kita bisa lakukan lebih baik daripada kotak peringatan JavaScript. Peringatan Manis2 mungkin merupakan solusi terbaik.

Itu adalah Script pop-up bertenaga JavaScript itu dirancang untuk menjadi sepenuhnya responsif dan mendukung aksesibilitas untuk semua pengguna.

Tentu, itu juga open source dan tersedia secara bebas di GitHub jika Anda ingin menggali ke dalam kode.

Tapi, harta yang sebenarnya adalah demo di halaman web SweetAlert utama. Saya t menawarkan perbandingan langsung antara kotak peringatan JavaScript asli dan pesan SweetAlert2.

Yang lucu adalah cuplikan kode tidak banyak berbeda. Kamu bisa jalankan SweetAlert2 dengan satu baris kode sama seperti peringatan JavaScript biasa, meskipun garis itu mungkin lebih panjang jika dibandingkan.

Dengan SweetAlert, Anda memiliki kontrol lebih besar lebih dari gaya kotak popup, animasi, warna tombol, dan gaya teks. Anda bahkan bisa sematkan gambar atau video ke dalam kotak peringatan.

Namun, fitur terbaik mutlak adalah SweetAlert2 tidak menyusul seluruh browser. Jika Anda menjalankan pop-up SweetAlert2 itu akan hanya ditampilkan pada satu tab itu, jadi meskipun pengguna menelusuri situs lain, mereka tidak akan diarahkan secara paksa ke tab Anda hanya karena peringatan muncul.

Ini pada akhirnya meningkatkan keterlibatan pengguna karena orang tidak ditangkis karena praktik UX yang teduh.

Kamu bisa atur penghitung waktu tutup otomatis, konfirmasi / tolak tombol, dan bahkan sesuaikan animasinya menggunakan pustaka pihak ketiga seperti Animate.css.

Jika ada skrip yang harus Anda gunakan sebagai pengganti peringatan JavaScript tipikal, itu pasti SweetAlert2. Benda ini benar-benar gratis, open-source, dan menawarkan banyak opsi khusus yang akan membuat setiap pengembang web tersenyum lebar.

Lihatlah situs web utama untuk mempelajari lebih lanjut dan lihat beberapa contoh langsung. Anda juga dapat menelusuri repo GitHub jika Anda ingin melihat file-file itu dan memeriksa log rilis.