Web推送通知生成器

工具介绍

Web推送通知生成器帮助你快速生成标准的 Web Notification API 代码，支持自定义通知标题、正文、图标、点击跳转链接等配置，还可以在当前页面预览通知效果。

使用方法

1. 填写通知的各项参数，包括标题、正文、图标URL、角标URL、跳转链接等。
2. 选择是否开启震动模式、替换旧通知、静默通知、保持通知不自动关闭等配置。
3. 点击「预览通知」可直接在浏览器中测试通知效果，需要您授予浏览器通知权限。
4. 点击「生成代码」即可获得可以直接复制使用的 JavaScript 代码。

配置说明

• 通知标题：通知顶部显示的主标题，建议不超过30个字符。
• 通知正文：通知详细内容，建议不超过100个字符。
• 图标URL：通知显示的图标，建议使用PNG/JPG格式，尺寸建议为192x192像素。
• 角标URL：在安卓系统通知栏显示的小图标，建议使用透明背景PNG格式。
• 点击跳转URL：用户点击通知后打开的链接，可以是网站地址或应用链接。
• 震动模式：通知触发时设备震动模式，格式为JSON数组，例如 [100, 50, 100] 表示震动100ms，暂停50ms，再震动100ms。

工作原理

本工具生成的代码基于浏览器原生 Notification API，生成的代码会先检查通知权限，如果没有权限会请求用户授权，授权通过后显示通知，处理点击跳转。代码可以直接复制到您的网站中使用，无需引入额外库。