自定義 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，至少現在還不能。 您最多可以做的是在標題、描述和操作按鈕中使用表情符號和圖標，但目前還沒有任何瀏覽器具有此功能。