Pakeiskite „JavaScript“ įspėjimo langelius su šia atsakinga alternatyva

„JavaScript“ įspėjamieji langai yra visai nepalankūs. Jie verčia jūsų dėmesį ir pralenkia naršyklę, todėl turite juos uždaryti, kad galėtumėte bendrauti su puslapiu.

Šiuolaikinėje eroje galime geriau nei „JavaScript“ perspėjimo laukeliai. SweetAlert2 tikriausiai yra geriausias sprendimas.

Tai yra „JavaScript“ palaikomas iššokantis scenarijus tai sukurta visiškai reaguoja ir remti prieinamumą visiems vartotojams.

Natūralu, kad tai taip pat yra atvira, ir laisvai prieinama „GitHub“ jei norite įdėti į kodą.

Tačiau tikrasis lobis yra pagrindinis „SweetAlert“ tinklalapio demonstravimas. Tai siūlo tiesioginį palyginimą tarp pradinio „JavaScript“ perspėjimo langelio ir „SweetAlert2“ pranešimo.

Kas yra juokinga, kodo fragmentai neatrodo labai skirtingi. Tu gali paleiskite „SweetAlert2“ vienu kodu kaip tipiškas „JavaScript“ įspėjimas, nors ši linija gali būti ilgesnė, palyginti.

Su SweetAlert, jūs turėti daugiau kontrolės virš lango stiliaus, animacijos, mygtukų spalvų ir teksto stilių. Jūs netgi galite įterpti vaizdus ar vaizdo įrašus į perspėjimo langelį.

Tačiau absoliutus geriausias bruožas yra tas, kad SweetAlert2 ne apeiti visą naršyklę. Jei paleisite „SweetAlert2“ pop-up, tai bus rodomas tik tame skirtuke, taigi, net jei vartotojas naršys kitą svetainę, jie nebus nukreipti į jūsų skirtuką tik todėl, kad perspėjimas pasirodė.

Tai galiausiai padidina vartotojų dalyvavimą nes žmonės nėra sulaikyti dėl šešėlių UX praktikos.

Tu gali nustatyti automatinio uždarymo laikmačius, patvirtinti / atmesti mygtukus, Ir netgi pritaikyti animaciją naudojant trečiųjų šalių bibliotekas, tokias kaip Animate.css.

Jei yra koks nors scenarijus, kurį turėtumėte naudoti vietoj tipinio „JavaScript“ įspėjimo, jis turi būti „SweetAlert2“. Tai yra visiškai nemokama, atviro kodo, ir siūlo pasirinktines parinktis kad kiekvienas žiniatinklio kūrėjas šypsosi nuo ausies iki ausies.

Sužinokite daugiau apie pagrindinę svetainę ir sužinokite daugiau pamatyti kai kuriuos gyvus pavyzdžius. Taip pat galite naršyti „GitHub“ repo, jei norite matyti failus ir išsiaiškinti leidimo žurnalus.