UD5工具箱
浏览器 Notification API 支持检测
工具在启动时会自动检测当前浏览器是否支持 Notification API，并在界面上清晰展示检测结果。支持的浏览器会显示绿色状态标识，不支持的浏览器则会给出明确的提示信息。这一功能帮助开发者快速判断目标用户的浏览器环境，避免在不支持的环境中浪费调试时间。检测结果不仅包括 API 是否可用，还会显示当前的通知权限状态（granted、denied 或 default），让开发者对通知功能的可用性一目了然。
通知权限请求管理
Web Notification API 要求网页在发送通知前必须获得用户授权。浏览器通知测试器提供了直观的权限请求按钮，点击后会触发浏览器原生的权限弹窗。用户可以选择允许或拒绝通知权限，工具会实时更新权限状态显示。对于权限被拒绝的情况，工具还会提供恢复权限的操作指引，帮助开发者了解如何在浏览器设置中重新开启通知权限。这一功能对于测试权限流程的各种场景至关重要。
通知内容全方位定制
工具提供了丰富的配置选项，涵盖 Notification 构造函数的所有参数。开发者可以自由设置通知的标题（title）、正文（body）、图标（icon）、大图（image）、Badge 图标（tag）、文本方向（dir）、振动模式（vibrate）等属性。每个配置项都有对应的输入框和说明，开发者可以根据测试需求灵活组合这些参数，创建出各种样式和行为的通知。所有参数修改后无需刷新页面，即可立即生效。
快速预设场景
为了提高测试效率，工具内置了六种常用的快速预设场景：简单文本通知——只包含标题和正文的基础通知；带图标通知——展示自定义图标的标准化通知；带大图通知——包含 hero image 的富媒体通知；需要交互的通知——设置 requireInteraction 为 true 的持久化通知；静默通知——不播放声音且不振动的后台通知；振动通知——带有自定义振动模式的触觉反馈通知。点击任意预设即可一键填充所有相关参数，省去逐项配置的麻烦。
高级选项配置
除了基础参数外，工具还支持 Notification API 的高级选项。requireInteraction 选项控制通知是否需要用户主动关闭才消失；silent 选项控制通知是否静默发送；renotify 选项控制当 tag 相同时是否重新触发通知。这些高级选项在实际开发中经常被使用，但在浏览器控制台中测试时往往不方便修改。浏览器通知测试器将这些选项以开关或输入框的形式呈现，让开发者可以轻松测试每种组合的效果。
一键发送与重置
配置完成后，点击"发送通知"按钮即可触发系统级通知弹出。通知会以操作系统的原生样式呈现，开发者可以直观地看到通知的最终效果。测试完成后，可以点击"重置"按钮清空所有配置项，恢复到默认状态，方便进行下一轮测试。这一流程设计简洁高效，支持快速迭代测试。
JavaScript 代码预览
工具内置了实时代码预览功能，当用户在界面上修改通知参数时，对应的 JavaScript 代码会同步更新。开发者可以直接查看 Notification 构造函数的完整调用代码，包括所有已配置的参数。预览代码支持一键复制功能，方便开发者将生成的代码直接粘贴到项目中使用。这一功能不仅提升了开发效率，还能帮助初学者学习 Notification API 的正确用法。
通知测试记录
每次发送通知后，工具会自动记录测试结果，包括发送时间、配置参数和执行状态。通知记录以列表形式展示，帮助开发者追踪测试历史，对比不同参数下的通知表现。对于需要系统性测试多种通知场景的开发者来说，这一功能可以有效避免重复测试，提高工作效率。