将图标字体与浏览器的通知 API 结合使用



我计划将javascript通知API功能添加到我正在构建的web应用程序中。

我看了一下MDN网站上的例子:

function spawnNotification(theBody, theIcon, theTitle) {
    var options = {
        body: theBody,
        icon: theIcon
    };
    var n = new Notification(theTitle, options);
}

它允许将图像(icon)的URL指定为通知弹出框中的图标。由于我使用引导程序和glyphicons,有没有一种方法可以使用图标字体中的一个图像作为通知的图标?

我尝试使用本答案中描述的技术将html封装到数据URI中,但这似乎不起作用,因此似乎没有使用Notifications API的选项。

您可以考虑使用Bootstrap Notify插件,它似乎支持选项中字体图标的类。

最新更新