macOS에서 기본 알림 시스템으로 전환

Stephen McGruer
Stephen McGruer

Chrome 59부터 Notifications API 또는 chrome.notifications Extensions API가 표시됩니다. 직접 알림을 받습니다.

이러한 변경을 통해 macOS용 Chrome이 플랫폼에 훨씬 더 잘 통합되는 느낌을 줍니다. 오래 지속된 여러 버그를 수정하며 시스템 방해 금지 모드 설정입니다.

아래에서는 이번 변경으로 인해 기존 있습니다.

알림 센터

이번 변경의 이점 중 하나는 macOS 알림 센터.

<ph type="x-smartling-placeholder">
</ph> macOS 알림 센터에 Chrome 알림이 표시됩니다. <ph type="x-smartling-placeholder">
</ph> macOS 알림 센터에 Chrome 알림이 표시됩니다.

차이점

아이콘 크기 및 위치

아이콘의 모양이 변경됩니다. 크기는 더 작아지고 패딩은 적용됩니다. 투명한 배경 아이콘으로 전환하는 것이 좋습니다. 단색 대신 사용하는 것입니다.

<ph type="x-smartling-placeholder">
</ph> Mac용 Chrome 알림 아이콘과 Chrome에 표시되는 알림 아이콘 비교 전후
    macOS <ph type="x-smartling-placeholder">
</ph> Mac용 Chrome 알림 아이콘과 Chrome에 표시되는 알림 아이콘 비교 전후 macOS

작업 아이콘

변경 전에는 작업 버튼과 아이콘이 있습니다. 기본 알림을 사용하면 작업 버튼 아이콘이 표시되지 않습니다. 사용자는 알림 위로 마우스를 가져가서 '더보기' 버튼을 클릭하여 사용 가능한 작업을 확인합니다.

<ph type="x-smartling-placeholder">
</ph> 아이콘이 표시되는 알림 작업 버튼의 전후
    Chrome과 macOS의 디스플레이 비교. <ph type="x-smartling-placeholder">
</ph> 아이콘이 표시되는 알림 작업 버튼의 전후 Chrome vs. macOS에서 표시

Chrome 로고는 항상 표시되며 교체하거나 변경할 수 없습니다. 이 은 macOS의 서드 파티 애플리케이션에 대한 요구사항입니다.

이미지

macOS에서 image 옵션이 더 이상 지원되지 않습니다. 이미지, 이미지, 오디오, 속성의 경우 알림이 계속 표시되지만 이미지는 매개변수 (아래 예 참조)

<ph type="x-smartling-placeholder">
</ph> macOS용 Chrome 알림 이미지 전후 <ph type="x-smartling-placeholder">
</ph> macOS용 Chrome 알림 이미지 전후

다음 코드를 사용하여 이미지 지원을 특징 감지할 수 있습니다.

if ('image' in Notification.prototype) {  
  // Image is supported.
} else {  
  // Image is NOT supported.
}

Chrome 확장 프로그램 변경사항

Chrome 확장 프로그램에는 알림 템플릿이라는 개념이 있습니다. 이 변경사항에 따라 다르게 작동합니다.

이미지 알림 템플릿에 더 이상 이미지가 표시되지 않습니다. 사용자는 이미지가 보충 설명이며 사용자에게 유용하지 않아도 된다는 점을 명심하세요.

<ph type="x-smartling-placeholder">
</ph> chrome.notification API의 이미지 템플릿 전후 비교 <ph type="x-smartling-placeholder">
</ph> chrome.notification API의 이미지 템플릿 전후 비교

목록 알림 템플릿은 목록의 첫 번째 항목만 표시합니다. 나 기본 알림 스타일로 돌아가서 본문을 사용하는 것이 변경사항 집합을 요약하는 텍스트입니다.

<ph type="x-smartling-placeholder">
</ph> chrome.notification API의 목록 템플릿 전후 비교 <ph type="x-smartling-placeholder">
</ph> chrome.notification API의 목록 템플릿 전후 비교

진행 알림의 알림 제목에 백분율 값이 추가됩니다. 진행률 표시줄 대신 진행률을 나타냅니다.

<ph type="x-smartling-placeholder">
</ph> chrome.notification API의 진행 상황 템플릿 전후 비교 <ph type="x-smartling-placeholder">
</ph> chrome.notification API의 진행 상황 템플릿 전후 비교

알림 UI의 마지막 차이점은 appIconMarkUrl가 macOS에서 더 이상 사용되지 않습니다.

<ph type="x-smartling-placeholder">
</ph> chrome.notification API의 appIconMarkUrl 전후 비교 <ph type="x-smartling-placeholder">
</ph> chrome.notification API의 appIconMarkUrl 전후 비교