ブラウザのプッシュ通知用のスタイルをカスタマイズする方法

Question

私は時にはプッシュ通知を受け取るべき角度4を使用してアプリケーションを作成しています。私は通知を表示することができましたが、そのスタイルとそのコンテンツをカスタマイズすることはできませんでした。

私が探しているのは、自分の通知の背景色を変更して、ユーザーの注意を呼ぶように点滅させる方法です。私は通知本体にテスト用のHTMLタグを追加しようとしましたが、それはうまくいきませんでした

public showNotification(title: string, text: string): Notification { 
    // Check if notifications are supported 
    const notificationOptions = { 
     body: `<div style="color:red"><p>${text}</p></div>`, 
     icon: 'assets/img/logo_onyo-simples.png', 
     badge: 'assets/img/logo_onyo-simples.png', 
     vibrate: [200, 100, 200] 
    }; 

    try { 

     // Throws an exception if the browser doesn't support a notification. 
     const notification = new Notification(title, notificationOptions); 
     notification.onclick = (e: any) => { 
     window.focus(); 
     notification.close(); 
     }; 

     return notification; 
    } 
    catch (e) { 
     if (e.name === 'TypeError') { 
     this.raven.captureBreadcrum({ 
      message: 'This browser does not support notifications', 
      level: 'warning', 
      category: 'notification' 
     }); 
     } 
     else { 
     this.raven.captureException(e); 
     throw e; 
     } 
    } 
    } 

：

は、ここに私のコードです。これを行う方法はありますか？

注：Toastr通知を使用していない理由は、ブラウザが最小化されていても、別のアプリケーションの背後にあっても通知を受け取るようにするためです。

注2：ここでは、使用している通知の種類の例を示します。https://tests.peter.sh/notification-generator/。

Answer 1

あなたがしようとしていることは、少なくともaccording to the specではないと思います。ビジュアルプレゼンテーションを渡す/設定するためのプロパティもメソッドもありません。

私はここに推測していますが、ブラウザベンダーが作成しようとしている動作の種類を正確に防止したいからです。たぶんあなたは良い味とデザインで通知をスタイルすることができます。しかし、これはまた、悪い、迷惑でまっすぐな略奪的な通知を作成する人々への扉を開くだろう。それは暗い模様の扉を開くだろう。

しかし、このようなスタイルの柔軟性が将来追加される可能性はありますが、私はそうは思わない。