在浏览器中使用图标字体's通知API

Using icon font with the browser's Notifications API

本文关键字：通知 API 字体 浏览器 图标      更新时间：2023-09-26

我计划将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插件，它似乎支持选项中字体图标的类。

相关文章：