在前端开发中，经常会用到系统通知，比如浏览器的通知，桌面通知等等。而 npm 包 systemnotification 就是用来实现这一功能的，本文就来详细介绍这个包的使用方法。
安装
在命令行中输入以下命令即可安装 systemnotification 包：
--- ------- ------------------ ------
安装完成后，我们就可以开始使用这个包了。
基本使用
使用 systemnotification 包实现浏览器通知的方法比较简单，只需要调用 notify 方法即可：
----- ------------------ - ------------------------------ ---------------------------------------
在浏览器中打开网页，即可看到弹出一条通知消息。
自定义通知
如果需要自定义通知消息的标题，图标、声音等属性，可以使用 option 参数来实现：
----- ------------------ - ------------------------------
----- ------- - -
------ --------
----- -----------------------------------
------ -----------------------------------
-
--------------------------------------- ---------在上面的示例代码中，通过 options 参数来设置通知消息的标题、图标和声音，可以根据自己的需要进行修改。
点击通知事件
如果需要实现点击通知后跳转到指定的页面，可以使用 clickEvent 参数来实现：
----- ------------------ - ------------------------------
----- ------- - -
------ -------
----------- ---------- -
--------------- - --------------------------
-
-
------------------------------------------ ---------在上面的示例代码中，通过 clickEvent 参数来设置通知消息点击事件，当用户点击通知时，将跳转到指定的页面。
支持浏览器
systemnotification 包支持的浏览器有：
- Google Chrome
- Firefox
- Opera
- Safari
总结
systemnotification 包可以帮助我们轻松实现浏览器通知功能，而且还支持自定义通知内容和点击事件。因此，在项目中如果需要用到浏览器通知功能，可以考虑使用这个包。
示例代码已放在 GitHub 上。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005731781e8991b448e94e3