Αντικαταστήστε τα πλαίσια ειδοποιήσεων JavaScript με αυτήν την εναλλακτική λύση

Τα αναδυόμενα παράθυρα ειδοποίησης JavaScript είναι απωθημένοι από σχεδόν όλους. Δέουν την προσοχή σας και ξεπερνούν το πρόγραμμα περιήγησης, επομένως πρέπει να τα κλείσετε για να μπορέσετε να αλληλεπιδράσετε με τη σελίδα.

Στη σύγχρονη εποχή, μπορούμε κάνει καλύτερα από τα πλαίσια ειδοποίησης JavaScript. SweetAlert2 είναι ίσως η καλύτερη λύση.

Είναι ένα Τεκμηριωμένο σενάριο με JavaScript αυτό είναι σχεδιασμένο να είναι πλήρως απόκριση και υποστήριξη της προσβασιμότητας για όλους τους χρήστες.

Φυσικά, είναι επίσης ανοιχτό και προέρχεται διατίθεται δωρεάν στο GitHub αν θέλετε να σκάψετε στον κώδικα.

Αλλά, ο πραγματικός θησαυρός είναι το demo στην κύρια ιστοσελίδα SweetAlert. Το προσφέρει μια άμεση σύγκριση μεταξύ του αρχικού πλαισίου ειδοποίησης JavaScript και του μηνύματος SweetAlert2.

Τι είναι αστείο είναι ότι τα αποσπάσματα κώδικα δεν φαίνονται πολύ διαφορετικά. Μπορείς εκτελέστε SweetAlert2 με μία γραμμή κώδικα ακριβώς όπως μια τυπική προειδοποίηση JavaScript, αν και αυτή η γραμμή μπορεί να είναι μεγαλύτερη για σύγκριση.

Με το SweetAlert, εσύ έχουν περισσότερο έλεγχο το στυλ κουτιού pop-up, το κινούμενο σχέδιο, τα χρώματα κουμπιών και τα στυλ κειμένου. Μπορείτε ακόμη και ενσωματώστε εικόνες ή βίντεο στο πλαίσιο ειδοποίησης.

Ωστόσο, το απόλυτο καλύτερο χαρακτηριστικό είναι ότι το SweetAlert2 δεν ξεπεράστε ολόκληρο το πρόγραμμα περιήγησης. Αν εκτελέσετε ένα αναδυόμενο παράθυρο SweetAlert2, αυτό θα γίνει εμφανίζεται μόνο σε αυτή την καρτέλα, οπότε ακόμα και αν ο χρήστης περιηγεί σε άλλο ιστότοπο, δεν θα κατευθυνθεί με σθένος στην καρτέλα σας μόνο επειδή εμφανίστηκε μια ειδοποίηση.

Αυτό τελικά αυξάνει την αφοσίωση του χρήστη επειδή οι άνθρωποι δεν έχουν απομακρυνθεί λόγω των σκιερών πρακτικών UX.

Μπορείς ορίστε χρονοδιακόπτες αυτόματης διακοπής λειτουργίας, κουμπιά επιβεβαίωσης / απόρριψης, και ακόμα προσαρμόστε την κινούμενη εικόνα χρησιμοποιώντας βιβλιοθήκες τρίτων όπως το Animate.css.

Αν υπάρχει κάποιο σενάριο που θα πρέπει να χρησιμοποιήσετε αντί για την τυπική προειδοποίηση JavaScript πρέπει να είναι SweetAlert2. Αυτό το πράγμα είναι εντελώς δωρεάν, ανοιχτή πηγή, και προσφέρει μια δέσμη προσαρμοσμένων επιλογών αυτό θα έχει κάθε web developer χαμόγελο από το αυτί στο αυτί.

Δείτε τον κύριο ιστότοπο για να μάθετε περισσότερα και δείτε μερικά ζωντανά παραδείγματα. Μπορείτε επίσης να περιηγηθείτε στο GitHub repo εάν θέλετε να δείτε τα αρχεία και να ελέγξετε τα αρχεία καταγραφής απελευθέρωσης.