Thay thế các hộp thông báo JavaScript bằng phương án thay thế đáp ứng này

Cửa sổ bật lên cảnh báo JavaScript bị mọi người ghét bỏ. Họ buộc bạn phải chú ý và vượt qua trình duyệt, vì vậy bạn cần đóng chúng trước khi bạn có thể tương tác với trang.

Trong thời kỳ hiện đại, chúng ta có thể làm tốt hơn các hộp cảnh báo JavaScript. SweetAlert2 có lẽ là giải pháp tốt nhất.

nó là một Tập lệnh bật lên được hỗ trợ JavaScript được thiết kế để trở thành đáp ứng đầy đủ và hỗ trợ tiếp cận Cho tất cả người dùng.

Đương nhiên, nó cũng mở nguồn và có sẵn miễn phí trên GitHub nếu bạn muốn đào sâu vào mã.

Nhưng, kho báu thực sự là bản demo trên trang web chính của SweetAlert. Nó đưa ra một so sánh trực tiếp giữa hộp cảnh báo JavaScript ban đầu và thông báo SweetAlert2.

Điều thú vị là các đoạn mã dường như không có nhiều sự khác biệt. Bạn có thể chạy SweetAlert2 với một dòng mã giống như một cảnh báo JavaScript thông thường, mặc dù dòng đó có thể dài hơn bằng cách so sánh.

Với SweetAlert, bạn kiểm soát nhiều hơn qua kiểu hộp bật lên, hình động, màu nút và kiểu văn bản. Bạn có thể nhúng hình ảnh hoặc video vào hộp cảnh báo.

Tuy nhiên, tính năng tuyệt đối tốt nhất là SweetAlert2 không làm vượt qua toàn bộ trình duyệt. Nếu bạn chạy một cửa sổ bật lên SweetAlert2, nó sẽ chỉ hiển thị trên một tab đó, vì vậy ngay cả khi người dùng đang duyệt một trang web khác, họ sẽ không bị buộc mạnh vào tab của bạn chỉ vì một cảnh báo xuất hiện.

Điều này cuối cùng tăng sự tham gia của người dùng bởi vì mọi người không tránh xa do thực hành UX mờ ám.

Bạn có thể đặt bộ hẹn giờ tự động đóng, nút xác nhận / từ chối, và ngay cả tùy chỉnh hình ảnh động sử dụng các thư viện của bên thứ ba như Animate.css.

Nếu có bất kỳ tập lệnh nào bạn nên sử dụng thay cho cảnh báo JavaScript điển hình thì đó phải là SweetAlert2. Điều này là hoàn toàn miễn phí, mã nguồn mở, và cung cấp một loạt các tùy chọn tùy chỉnh rằng mọi nhà phát triển web sẽ cười toe toét.

Kiểm tra trang web chính để tìm hiểu thêm và xem một số ví dụ sống. Bạn cũng có thể duyệt qua repo GitHub nếu bạn muốn xem các tệp và kiểm tra nhật ký phát hành.