Notification API 权限与持久化提示协作实践

概述通知权限与后台显示配合能改善到达反馈。本文给出权限请求与 SW 中触发通知的最小实现。权限与页面入口async function ensureNotifyPermission() { if (!('Notification' in window)) return false; if (Notification.permission === 'granted') return true; const res = await Notification.requestPermission(); return res === 'granted'; } SW 中显示与记录self.addEventListener('message', e => { if (e.data && e.data.type === 'notify') { self.registration.showNotification('提示', { body: e.data.text || '' }); } });