Chrome에서 데스크톱 알림은 어떻게 작동하나요?

Chrome 데스크톱 알림 설명

최신 브라우저의 데스크톱 알림을 사용하면 간단한 메시지를 화면에 표시할 수 있습니다. 이는 사용자가 웹사이트와 상호 작용하지 않을 때에도 사용자에게 경고하거나 알리고 싶을 때 특히 유용합니다.

알림에는 두 가지 유형이 있습니다.

데스크톱 알림:

• 간단한 표시
• 몇 초 후 자동으로 사라짐
• 웹페이지가 열려 있는 동안에만 사용 가능

서비스 워커 알림:

• 구현이 더 복잡함
• 지속 가능하고 웹 페이지가 닫혀도 표시될 수 있음
• 지원 작업 버튼

데스크탑 알림 API 액세스:

데스크탑 알림 API는 MDN에 설명된 대로 두 유형 모두에 대해 유사한 매개변수를 사용합니다. 이 API에 액세스하려면:

1. 페이지 로드 시 권한을 요청하세요.
2. 제목, 아이콘, 본문 텍스트가 포함된 새 알림 개체를 만듭니다.
3. 이벤트 할당 작업을 처리하는 리스너(onclick).

구현 예:

<code class="js">document.addEventListener('DOMContentLoaded', function() {
  if (!Notification) alert('Desktop notifications not available in your browser.');
  if (Notification.permission !== 'granted') Notification.requestPermission();
});

function notifyMe() {
  if (Notification.permission === 'granted') {
    var notification = new Notification('Notification title', {
      icon: 'icon.png',
      body: 'Hey there! You\'ve been notified!',
    });
    notification.onclick = function() {
      window.open('http://example.com');
    };
  } else Notification.requestPermission();
}</code>

HTML:

<code class="html"><button onclick="notifyMe()">Notify me!</button></code>

위 내용은 Chrome에서 데스크톱 알림은 어떻게 작동하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!