แทนที่ JavaScript Alert Boxes ด้วยทางเลือกที่ตอบสนองนี้

JavaScript แจ้งเตือนป๊อปอัป ทุกคนเกลียดมาก พวกมันบังคับให้คุณสนใจและแซงเบราว์เซอร์มากเกินไปดังนั้นคุณต้องปิดมันก่อนที่คุณจะสามารถโต้ตอบกับหน้า.

ในยุคสมัยใหม่เราทำได้ ทำได้ดีกว่าช่องแจ้งเตือน JavaScript. SweetAlert2 น่าจะเป็นทางออกที่ดีที่สุด.

มันคือ สคริปต์ป๊อปอัปที่ใช้ JavaScript ที่ออกแบบมาให้เป็น ตอบสนองอย่างเต็มที่ และ รองรับการเข้าถึง สำหรับผู้ใช้ทั้งหมด.

ตามธรรมชาติแล้วยังเปิดแหล่งที่มาและ สามารถใช้ได้อย่างอิสระบน GitHub ถ้าคุณต้องการขุดเป็นรหัส.

แต่สมบัติที่แท้จริงคือตัวอย่างบนหน้าเว็บหลักของ SweetAlert มัน มีการเปรียบเทียบโดยตรง ระหว่างกล่องข้อความแจ้งเตือน JavaScript ดั้งเดิมและข้อความ SweetAlert2.

สิ่งที่ตลกคือโค้ดขนาดเล็กนั้นดูเหมือนจะไม่แตกต่างกันมากนัก คุณสามารถ เรียกใช้ SweetAlert2 ด้วยรหัสหนึ่งบรรทัด เช่นเดียวกับการแจ้งเตือน JavaScript ทั่วไปแม้ว่าบรรทัดนั้นอาจยาวกว่าโดยการเปรียบเทียบ.

ด้วย SweetAlert คุณ มีการควบคุมมากขึ้น สไตล์กล่องป๊อปอัพภาพเคลื่อนไหวสีปุ่มและลักษณะข้อความ คุณสามารถทำได้ ฝังภาพหรือวิดีโอ ในช่องแจ้งเตือน.

อย่างไรก็ตามฟีเจอร์ที่ดีที่สุดคือ SweetAlert2 ไม่ แซงเบราว์เซอร์ทั้งหมด. หากคุณเรียกใช้ป๊อปอัพ SweetAlert2 มันจะ แสดงบนแท็บนั้นเท่านั้น, ดังนั้นแม้ว่าผู้ใช้จะเรียกดูเว็บไซต์อื่นพวกเขาจะไม่ถูกบังคับให้แท็บของคุณเพียงเพราะการแจ้งเตือนโผล่ขึ้นมา.

ในที่สุดนี้ เพิ่มการมีส่วนร่วมของผู้ใช้ เพราะผู้คนไม่ได้ถูกขับออกเนื่องจากการปฏิบัติ UX ที่ร่มรื่น.

คุณสามารถ ตั้งค่าตัวจับเวลาปิดอัตโนมัติ, ปุ่มยืนยัน / ปฏิเสธ, และแม้กระทั่ง ปรับแต่งภาพเคลื่อนไหว ใช้ห้องสมุดบุคคลที่สามเช่น Animate.css.

หากมีสคริปต์ใด ๆ ที่คุณควรใช้แทนการแจ้งเตือน JavaScript ทั่วไปจะต้องเป็น SweetAlert2 สิ่งนี้คือ ฟรีทั้งหมด, โอเพ่นซอร์ส, และ เสนอพวงของตัวเลือกที่กำหนดเอง นั่นจะทำให้นักพัฒนาเว็บทุกคนยิ้มจากหูถึงหู.

ตรวจสอบเว็บไซต์หลักเพื่อเรียนรู้เพิ่มเติมและ ดูตัวอย่างสด. คุณยังสามารถเรียกดู repo GitHub หากคุณต้องการดูไฟล์และตรวจสอบบันทึกการเปิดตัว.