无需登录 数据私有 本地保存

浏览器通知测试器 - Web Notification API模拟

15
0
0
0
当前权限状态： 检查中...
权限已被拒绝，请在浏览器设置中手动重置此网站的权限。
通知内容定制
请输入通知标题。
示例：[200, 100, 200] 表示振动200ms，暂停100ms，再振动200ms
通知记录
  • 暂无通知记录
JavaScript 代码
// 填写左侧表单并点击“复制代码”生成

常见问题

Web Notification API 允许网页向用户显示系统级通知。即使浏览器窗口不在最前，通知也会在桌面上显示，非常适合提醒用户、消息推送等场景。该 API 在现代浏览器中得到广泛支持。

使用 Notification.requestPermission() 方法。返回一个 Promise，值为 'granted'（已授予）、'denied'（已拒绝）或 'default'（默认，即未决定）。您可以点击页面上方的“请求通知权限”按钮进行测试。

权限被拒绝后，浏览器会记住该设置，再次调用 requestPermission() 不会弹出询问窗口。用户需要手动在浏览器设置中调整：Chrome 地址栏左侧锁图标 → 通知 → 允许；Firefox 地址栏左侧图标 → 权限设置。

Android 版 Chrome、Firefox 和 Edge 均支持 Web Notification。iOS Safari 从 16.4 版本开始也支持推送通知，但需要网站被添加到主屏幕并满足其他条件。桌面端所有主流浏览器都支持。

  • title：必填，通知标题。
  • body：正文内容。
  • icon：左侧图标 URL。
  • image：大图 URL（部分平台显示在正文下方）。
  • badge：移动端小图标（仅部分平台）。
  • tag：相同 tag 的通知会互相替换，避免重复。
  • requireInteraction：true 则通知不会自动消失，需用户点击关闭。
  • silent：无声音/振动。
  • vibrate：振动模式数组。
  • renotify：配合 tag 使用，是否重复触发振动/声音。
  • dir：文本方向 auto/ltr/rtl。

请首先检查浏览器是否支持 Notification API，以及权限是否为“已授予”。如果权限已授予但仍然不显示，可能是操作系统的通知设置中关闭了该浏览器的通知，或者浏览器处于全屏/勿扰模式。
🔧 相关工具