החלף תיבות JavaScript התראה עם חלופה זו

JavaScript מוקפץ התראה הם שונאים את כולם פחות או יותר. הם מכריחים את תשומת הלב שלך ולעקוף את הדפדפן, אז אתה צריך לסגור אותם לפני שתוכל לקיים אינטראקציה עם הדף.

בעידן המודרני, אנחנו יכולים לעשות יותר טוב תיבות JavaScript. מתוק הוא כנראה הפתרון הטוב ביותר.

זה JavaScript מוקפץ סקריפט מוקפץ זה נועד להיות תגובה מלאה ו נגישות תמיכה לכל המשתמשים.

באופן טבעי, זה גם מקור פתוח ו זמין באופן חופשי על GitHub אם אתה רוצה לחפור את הקוד.

אבל, האוצר האמיתי הוא הדגמה בדף האינטרנט הראשי SweetAlert. זה מציע השוואה ישירה בין תיבת ההתראה המקורית של JavaScript לבין ההודעה SweetAlert2.

מה מצחיק את קטעי הקוד לא נראה כמו הרבה הבדל. אתה יכול הפעל SweetAlert2 עם שורה אחת של קוד בדיוק כמו התראת JavaScript טיפוסית, אם כי הקו עשוי להיות ארוך יותר בהשוואה.

עם SweetAlert, אתה יש יותר שליטה מעל סגנון קופץ בסגנון, את האנימציה, את הצבעים כפתור, ואת סגנונות הטקסט. אתה יכול אפילו תמונות להטביע או קטעי וידאו לתוך תיבת ההתראה.

עם זאת, התכונה הטובה המוחלטת היא SweetAlert2 לא לעקוף את הדפדפן כולו. אם אתה מפעיל SweetAlert2 מוקפץ זה יהיה הצג רק בכרטיסייה אחת, כך שגם אם המשתמש גולש באתר אחר הם לא יכוונו בכבדות לכרטיסייה שלך רק בגלל התראה popped up.

זה בסופו של דבר מגביר את מעורבות המשתמש כי אנשים לא מחוסלים בשל שיטות UX מוצל.

אתה יכול להגדיר טיימרים סגירה אוטומטית, לאשר / לדחות לחצנים, ואפילו להתאים אישית את האנימציה באמצעות ספריות צד שלישי כגון Animate.css.

אם יש סקריפט אתה צריך להשתמש במקום התראה JavaScript טיפוסי זה חייב להיות SweetAlert2. הדבר הזה לגמרי חופשי, קוד פתוח, ו מציעה חבורה של אפשרויות מותאמות אישית זה יהיה כל מפתח אינטרנט מחייך מאוזן לאוזן.

בדוק את האתר הראשי כדי ללמוד עוד לראות כמה דוגמאות חיות. אתה יכול גם לעיין ריפו GitHub אם אתה רוצה לראות את הקבצים לבדוק את יומני שחרור.