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 באתר שלהם, אני מאד נהנה מהתכונה הזו.

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

רספברי פיי

הרצת גו על רספברי פיי

עולם הרספברי פיי והמייקרים ניתן לתפעול בכל שפה – לא רק פייתון או C – כאן אני מסביר על גו

מיקרו בקרים

חיבור מצלמה למיקרובקר

חיבור מצלמה למיקרו בקר ויצירה של מצלמת אבטחה מרחוק בעלות של 20 שקל.

רספברי פיי

מה זה AIoT? ואיך אפשר להתחיל?

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

בינה מלאכותית

מה זה Agentic AI או AI Agents

הסבר מקיף המיועד למתכנתים על מה זה סוכני AI ודוגמה שכל אחד יכול להבין.

גלילה לראש העמוד