רן בר-זיק     לפני 14 שנים     כ- 2 דקות קריאה  

HTML 5 Notification | אינטרנט ישראל

תוכנה

HTML 5 Notification הוא פיצ'ר מרכזי של HTML 5 שכבר זכה להטמעה באפליקציות חשובות כגון ג'ימייל. הפיצ'ר הזה מאפשר לנו להקפיץ הודעות לשולחן העבודה מאת האתר. זה טוב בעיקר לאתרים שהמשתמשים משאירים כל הזמן פתוחים (כמו ג'ימייל, פייסבוק ואחרים). ההודעה היא הדרך של האתר להודיע למשתמש על פעילות חדשה.

נכון לכתיבת שורות אלו, הדפדפן היחידי שמיישם את HTML 5 Notification הוא כרום. אם יש לכם כרום, אתם מוזמנים ללחוץ על הכפתור ולראות את ההודעה:

איך עשיתי את הפלא הזה? בצורה כל כך מצחיקה שבא לבכות – כל מה שעליך לעשות הוא להטמיע את ה-API הפשוט שכרום סיפקו לעניין:


    function RequestPermission (callback) {
        window.webkitNotifications.requestPermission(callback);
    }
	
	function showNotification(){
		if (window.webkitNotifications.checkPermission() > 0) {
			RequestPermission(showNotification);
		}
		else {
		  window.webkitNotifications.createNotification("https://internet-israel.com/wp-content/themes/dodo.1.2.1/dodo/images/ran_bar-zik.jpg", "Title", 
			  "Body").show(); 
		}
	}
	

וזה הכל! זה יעבוד בדיוק כמו בדוגמא.

html5 notification
html5 notification

למרות שהיא עדיין לא בשלה לשימוש מבצעי של ממש, התכונה הזו יכולה לספק added value ממש נחמד לגולשים שיש להם כרום. אני יודע שמאז שג'ימייל הטמיעו את HTML 5 Notification באתר שלהם, אני מאד נהנה מהתכונה הזו.

Picture of רן בר-זיק

רן בר-זיק

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

תגובה אחת

  1. היי, המאמרים מעניינים ומחדשים, תודה רבה.
    רק נראה שבחלק מהמאמרים הדוגמאות לא עובדות כי יש בעיה בטעינת הjquery.

השארת תגובה

פוסטים מומלצים

פוסטים נוספים שכדאי לקרוא

למפתחי ובוני אתרי אינטרנט

אוגוסט 4, 2024 6 תגובות

תמונה של עציץ, רספברי פיי ורמקול

רספברי פיי

לגרום לעציץ שלכם לדבר

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

מאי 19, 2024 6 תגובות

DALL·E 2023-10-21 22.28.58 - Photo of a computer server room with red warning lights flashing, indicating a potential cyber threat. Multiple screens display graphs showing a sudde

יסודות בתכנות

נובמבר 19, 2023 7 תגובות

פיתוח ב-JavaScript

Axios interceptors

תכנון נכון של קריאות AJAX באפליקציה ריאקטית וניהול השגיאות או ההצלחות עם פיצ׳ר נחמד של axios

אוקטובר 1, 2023 5 תגובות

פתרונות ומאמרים על פיתוח אינטרנט

מרץ 24, 2024 8 תגובות

חדשות אינטרנט

יולי 7, 2024 אין תגובות