Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Use Badging API if available to update the app badge

See original GitHub issue

Hi there, thanks for this extension, really cool!

Using the Badging API (spec, shipped to stable Chrome in April 2020), navigator.setAppBadge(notificationsCount) and navigator.clearAppBadge() can set and clear the application badge that shows up with PWA and pseudo-PWA windows (create a pseudo-PWA with three dots menu -> More Tools -> Create Shortcut… -> Open as window).

On macOS this looks like this in the Dock:

Screen Shot 2020-12-08 at 15 11 36

Issue Analytics

State:
Created 3 years ago
Reactions:3
Comments:5 (1 by maintainers)

Top GitHub Comments

2reactions

sindresorhuscommented, Dec 16, 2020

Sure, but you should send a feature request to GitHub too. This should ideally be implemented by them.

0reactions

karlhorkycommented, Apr 16, 2021

I’ve made the canvas favicon generator into a userscript here: https://github.com/karlhorky/dotfiles/blob/main/userscripts/github-favicon-notification-badge.user.js

Top Results From Across the Web

Badging for app icons - Chrome Developers

The App Badging API allows installed web apps to set an application-wide badge, shown in an operating-system-specific place associated with the application, ...

Badging API - MDN Web Docs - Mozilla

The Badging API gives web developers a method of setting a badge on a document or application, to act as a notification that...

How to create an app badge - web.dev

When the user installs the application, the badge is "upgraded" to a native ... If the app is installed and the Badging API...

Adding Notification Badges to Progressive Web Apps

Badges are a way of letting an app user know if there are actions or notifications waiting. The badging API brings native badges...

Re-engage users with badges, notifications, and push ...

Learn how to use the Push, Notifications, and Badging APIs to ... able to do work when the app isn't running, such as...