ความคิดเห็น: บทความนี้ส่วนใหญ่แนะนำการใช้ฟังก์ชันการแจ้งเตือน HTML5 (การเตือนเดสก์ท็อป) และใช้ตัวอย่างเพื่อแสดงผลของการเตือนเดสก์ท็อป เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้
1. การแจ้งเตือน HTML5 บทนำ
การแจ้งเตือน HTML5 นั่นคือการแจ้งเตือนบนเดสก์ท็อป ในปัจจุบันเบราว์เซอร์ยังคงเป็นโหมดการทำงานของ Sandbox ที่เข้มงวดซึ่งแยกการสื่อสารระหว่างเบราว์เซอร์และเดสก์ท็อป การแจ้งเตือนสามารถข้ามกล่องทรายเพื่ออนุญาตให้เบราว์เซอร์แจ้งผู้ใช้ข้อความแม้ว่าพวกเขาจะลดสถานะลง
2. เดสก์ท็อปเตือน API
API นี้มี 3 วิธี:
ใบอนุญาตการแจ้งเตือนเดสก์ท็อปตรวจสอบตรวจสอบ (อนุญาต _allowed = 0, permission_not_allowed = 1, permission_denied = 2)
CreateNotification สร้างการแจ้งเตือนเดสก์ท็อป
3. ตัวอย่างการแจ้งเตือนบนเดสก์ท็อป
ลองใช้ API การแจ้งเตือนเดสก์ท็อปเพื่อเขียนฟังก์ชั่นเล็ก ๆ : ส่งข้อความบนเดสก์ท็อปทุก ๆ 20 นาทีเพื่อเตือนผู้ใช้ให้หยุดพัก
รหัสมีดังนี้:
if (window.webkitnotifications.checkpermission () == 0) {
setInterval (function () {
var popup = window.webkitnotifications.createnotification ("Avator.jpg", "Ruhua Warm Reminder:", "คุณจะตาบอดดวงตาของคุณเมื่อหันหน้าเข้าหาคอมพิวเตอร์เป็นเวลานานหยุดพัก ~!");
popup.show ();
}, 1000 * 60 * 20); </p> <p>} อื่น {
window.webkitnotifications.requestpermission ();
-
}อื่น{
การแจ้งเตือน ('เบราว์เซอร์ไม่รองรับการแจ้งเตือนเดสก์ท็อป ~!');
-
จากนั้น 20 นาทีต่อมาเดสก์ท็อปจะปรากฏขึ้น: