WorkerNavigator: setAppBadge() method
Secure context: This feature is available only insecure contexts (HTTPS), in some or allsupporting browsers.
ThesetAppBadge() method of theWorkerNavigator interface sets a badge on the icon associated with this app. If a value is passed to the method, this will be set as the value of the badge. Otherwise the badge will display as a dot, or other indicator as defined by the platform.
In this article
Syntax
setAppBadge()setAppBadge(contents)Parameters
contentsOptionalA
numberwhich will be used as the value of the badge. Ifcontentsis0then the badge will be set tonothing, indicating a cleared badge.
Return value
Exceptions
InvalidStateErrorDOMExceptionThrown if the document is not fully active.
SecurityErrorDOMExceptionThrown if the call was blocked by thesame-origin policy.
NotAllowedErrorDOMExceptionThrown if
PermissionStatus.stateis notgranted.
Examples
In the example below an unread count is passed tosetAppBadge(). The badge should then display30.
const unread = 30;navigator.setAppBadge(unread);