自定义 Web 推送通知 (Google Chrome)

Question

所以我设法使用 Google Project 和 Service Worker 为 Google Chrome 实现了网络推送通知。

我的问题是如何自定义或装饰推送通知，因为消息框很简单。相反，我想用 html 和 css 来装饰它。

 self.addEventListener('push', function(event) {
 console.log('Push message received', event);
 var title = 'Push message';
 event.waitUntil(
 self.registration.showNotification(title, {
 body: 'Please choose to like or reply      
  icon: 'images/icon.png',
  tag: 'my-tag',
  actions:[
     {action:"like", title: "Like"},
     {action:"reply", title: "⤻ Reply"}]
}));
});

Answer 1

您不能添加 HTML 和 CSS，至少现在还不能。您最多只能在标题、描述和操作按钮中使用表情符号和图标，但目前还没有浏览器具有此功能。