Cserélje ki a JavaScript riasztó dobozokat ezzel az érzékeny alternatívával

JavaScript figyelmeztető felugró ablakok eléggé rettennek mindenki. Felhívják a figyelmüket, és felülmúlják a böngészőt, ezért be kell zárni őket, mielőtt kölcsönhatásba lépne az oldalra.

A modern korban tudjuk jobb, mint a JavaScript figyelmeztető dobozai. SweetAlert2 talán a legjobb megoldás.

Ez egy JavaScript-alapú pop-up parancsfájl ez úgy lett tervezve, hogy legyen teljesen érzékeny és támogatja a hozzáférhetőséget minden felhasználónak.

Természetesen ez is nyitva van szabadon elérhető a GitHub-on ha meg akarsz ásni a kódot.

De az igazi kincs a demo a SweetAlert főoldalán. Azt közvetlen összehasonlítást kínál az eredeti JavaScript figyelmeztető doboz és a SweetAlert2 üzenet között.

Mi a vicces, hogy a kódrészletek nem tűnnek nagy különbségnek. tudsz futtassa a SweetAlert2-t egy sor kóddal csakúgy, mint egy tipikus JavaScript figyelmeztetés, bár ez a vonal hosszabb lehet az összehasonlításkor.

SweetAlert-el, te nagyobb kontroll a felugró ablak stílusa, az animáció, a gomb színei és a szövegstílusok felett. Még beágyazza a képeket vagy videókat be a figyelmeztető mezőbe.

Azonban az abszolút legjobb tulajdonság az, hogy a SweetAlert2 nem a teljes böngészőt. Ha egy SweetAlert2 pop-upot futtat, akkor ez lesz csak az egyik lapon jelenjen meg, így még akkor is, ha a felhasználó egy másik webhelyet böngész, nem fogják erőteljesen irányítani a lapjára csak azért, mert egy riasztás megjelent.

Ez végül növeli a felhasználó elkötelezettségét mert az emberek nem kerülnek el az árnyékos UX gyakorlatok miatt.

tudsz állítsa be az automatikus zárási időzítőket, nyugtázza / elutasítja a gombokat, sőt még az animáció testreszabása harmadik féltől származó könyvtárak, például az Animate.css használatával.

Ha van olyan parancsfájl, amelyet a tipikus JavaScript figyelmeztetés helyett kellene használni, akkor SweetAlert2 kell lennie. Ez a dolog teljesen ingyenes, nyílt forráskód, és egy csomó egyedi beállítást kínál hogy minden webfejlesztő a fültől fülig vigyorog.

További információért látogasson el a fő webhelyre lásd néhány élő példát. Böngészhet a GitHub repóban is, ha meg szeretné tekinteni a fájlokat, és megtekintheti a kiadási naplókat.