Ganti Peti Isyarat JavaScript dengan Alternatif Responsif ini

Pop-up amaran JavaScript dibenci oleh semua orang. Mereka memaksa perhatian anda dan mengatasi pelayar, jadi anda perlu menutupnya sebelum anda boleh berinteraksi dengan halaman tersebut.

Dalam era moden, kita boleh melakukan lebih baik daripada kotak cermin JavaScript. SweetAlert2 mungkin penyelesaian terbaik.

Ianya adalah Skrip pop-up berkuasa JavaScript yang direka untuk menjadi responsif sepenuhnya dan menyokong kebolehaksesan untuk semua pengguna.

Sememangnya, ia juga dibuka bersumber dan boleh didapati secara percuma di GitHub jika anda ingin menggali kod tersebut.

Tetapi, khazanah sebenar adalah demo di halaman web SweetAlert utama. Ia menawarkan perbandingan langsung antara kotak asal berjaga JavaScript dan mesej SweetAlert2.

Apa yang lucu ialah coretan kod tidak kelihatan seperti perbezaan. Awak boleh jalankan SweetAlert2 dengan satu baris kod sama seperti isyarat JavaScript biasa, walaupun garis itu mungkin lebih lama berbanding dengannya.

Dengan SweetAlert, anda mempunyai lebih banyak kawalan atas gaya kotak pop timbul, animasi, warna butang, dan gaya teks. Anda juga boleh imej atau video yang disemai ke dalam kotak amaran.

Walau bagaimanapun, ciri terbaik mutlak ialah SweetAlert2 tidak mengatasi keseluruhan penyemak imbas. Jika anda menjalankan pop-up SweetAlert2, ia akan hanya paparkan pada satu tab itu, jadi walaupun pengguna sedang melayari laman web lain, mereka tidak akan ditujukan kepada tab anda hanya kerana amaran muncul.

Ini akhirnya meningkatkan keterlibatan pengguna kerana orang tidak terkurung disebabkan amalan UX yang teduh.

Awak boleh tetapkan pemasa auto-tutup, sahkan / menolak butang, dan juga menyesuaikan animasi menggunakan perpustakaan pihak ketiga seperti Animate.css.

Sekiranya terdapat skrip apa pun yang anda harus gunakan sebagai ganti JavaScript biasa, ia haruslah SweetAlert2. Perkara ini benar-benar percuma, sumber terbuka, dan menawarkan sekumpulan pilihan tersuai yang akan mempunyai setiap pemaju web tersenyum dari telinga ke telinga.

Lihat tapak web utama untuk mengetahui lebih lanjut dan lihat beberapa contoh langsung. Anda juga boleh menyemak imbas repo GitHub jika anda mahu melihat fail dan menyemak log pembebasan.