HTML5 Notification API 无法主动关闭已显示的通知，因通知由系统管理且 JS 无控制权；仅对仍存在 JS 引用的未消失通知可用 notification.close() 关闭。
HTML5 Notification API 怎么关闭已显示的通知
HTML5 的 Notification 对象本身**没有提供“关闭已显示通知”的主动接口**。浏览器一旦调用 show()（或自动触发），该通知由系统级通知服务管理，网页 JS 无法强制销毁它——这是设计使然，防止恶意页面频繁干扰用户。
但你可以通过以下方式间接控制：
-
notification.close()仅对仍处于 JS 引用生命周期内的通知有效（即未被用户点击、未超时自动消失、且变量未被 GC 回收）；一旦通知进入系统托盘或已消失，调用会静默失败 - 必须在创建后尽快保存引用，例如：
let notif = new Notification('标题', { body: '内容' });，然后在合适时机（如 2 秒后）notif.close();
- 注意：Chrome / Edge 在用户未授予权限前，
new Notification()会直接抛出DOMException: The user has blocked notifications，需先检查Notification.permission === 'granted'
如何阻止后续通知弹出（全局禁用）
关闭“功能”不等于删除已弹出的通知，而是让后续调用失效。最可靠的做法是不再调用 new Notification()，并清理触发逻辑。
- 用布尔开关控制：定义
let notificationsEnabled = false;，所有通知触发前加if (!notificationsEnabled) return;
- 移除事件监听器：如果通知由
fetch响应、WebSocket 消息等触发，记得调用removeEventListener或关闭连接 - 不要依赖
Notification.permission = 'denied'—— 这个属性是只读的，只能通过浏览器设置或Notification.requestPermission()返回值判断
用户侧彻底关闭 HTML5 通知权限的方法
网页代码无法修改用户的浏览器权限设置，但可以引导用户手动操作。不同浏览器路径略有差异，常见入口如下：
立即学习“前端免费学习笔记（深入）”；
- Chrome / Edge：
chrome://settings/content/notifications→ 找到你的网站域名 → 设为「阻止」 - Safari：偏好设置 → 通知 → 取消勾选对应网站
- Firefox：地址栏左侧锁形图标 → 「连接信息」→「权限」→「通知」→ 选择「阻止」
- 注意：调用
Notification.requestPermission()后用户点「禁止」，下次访问仍会返回'denied'，但不会再次弹出授权请求（除非用户手动重置）
为什么 Notification.close() 经常不起作用
这不是 Bug，而是规范限制和生命周期管理导致的常见误解。
- 通知对象在显示后很快被浏览器释放引用，尤其在页面切换、刷新或长时间无交互后，
notif变量可能已不可达 - 移动端（iOS Safari）根本不支持
NotificationAPI，调用直接报错，close()更无从谈起 - 桌面端部分系统（如 Windows 10/11）将通知交由 Action Center 管理，JS 完全失去控制权
- 如果你需要“可取消”的提示，建议改用页面内 DOM 元素（如
div+setTimeout+remove()），而非系统通知
Notification 当作可控 UI 组件用；它本质是单向广播通道，能发不能收。真正需要精细控制的场景，优先考虑自建轻量 toast 组件。 
