ウェブプッシュ通知（Google Chrome）のカスタマイズ

Question

Googleプロジェクトとサービスワーカーを使用して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を追加することはできません。あなたが一番うまくできるのは、Emojiのアイコンとタイトル、説明、アクションボタンのアイコンですが、ブラウザのどれもまだこの機能を持っていません。