I'm currently using the following code to show Desktop notifications in Google Chrome:

new Notification(data.sender.displayName, {
                    icon: '/images/logo.png',
                    body: data.content,
});

This is for a chat application and it doesn't make sense to show notifications on the same page as the chat. How can I make it so that the notification only appears when the tab is inactive or if the window is out of focus?

Thanks!

I'm currently using the following code to show Desktop notifications in Google Chrome:

new Notification(data.sender.displayName, {
                    icon: '/images/logo.png',
                    body: data.content,
});

This is for a chat application and it doesn't make sense to show notifications on the same page as the chat. How can I make it so that the notification only appears when the tab is inactive or if the window is out of focus?

Thanks!

• javascript
• google-chrome

Share Improve this question Follow asked Jan 15, 2015 at 17:04 CarpetfizzCarpetfizz 9,2092323 gold badges9595 silver badges155155 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

Use the Visibility API to find out if the window is visible. You can use event listeners to set custom hide/unhide events. See here.