编辑“︁HTML网页通知”︁（章节）

== 高级特性 ==

=== 通知选项 ===
Notification构造函数接受丰富的配置选项：
<syntaxhighlight lang="javascript">
new Notification("会议提醒", {
    body: "10分钟后有团队会议", 
    icon: "/icons/calendar.png",
    image: "/images/meeting-room.jpg",
    badge: "/badges/company-logo.png",
    vibrate: [200, 100, 200], // 移动设备振动模式
    tag: "meeting-reminder",   // 通知分组标识
    renotify: true,            // 允许替换同tag通知
    actions: [                 // 操作按钮
        { action: "snooze", title: "稍后提醒" },
        { action: "dismiss", title: "忽略" }
    ]
});
</syntaxhighlight>

=== 通知生命周期 ===
可以通过事件监听器处理通知的交互：
<syntaxhighlight lang="javascript">
const notification = new Notification(...);

notification.onclick = (event) => {
    console.log("通知被点击");
    window.focus();
};

notification.onclose = (event) => {
    console.log("通知已关闭");
};

notification.onshow = (event) => {
    console.log("通知已显示");
};
</syntaxhighlight>

=== Service Worker 集成 ===
对于Progressive Web Apps (PWAs)，可以通过Service Worker显示通知：
<syntaxhighlight lang="javascript">
// 在Service Worker中
self.registration.showNotification("离线可用", {
    body: "此内容已缓存供离线使用",
    icon: "/icons/offline.png"
});
</syntaxhighlight>