브라우저 푸시 알림을위한 스타일을 사용자 정의하는 방법

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이 아니라고 생각합니다. 시각적 표현을 전달/설정하기위한 특성이나 방법은 없습니다.

브라우저 공급 업체가 제작하려고하는 동작의 유형을 정확히 차단하기 때문에 여기에 있습니다. 어쩌면 좋은 맛과 디자인으로 알림 스타일을 지정할 수 있습니다. 그러나 이것은 또한 나쁜, 성가신 및 직선적 인 약탈적인 통지를 만드는 사람들에게 문호를 열어 줄 것입니다. 그것은 어두운 패턴의 문을 열 것입니다.

그러나 이러한 종류의 문체 유연성이 향후 추가 될 수도 있습니다. 나는 그렇게 생각하지 않는다.