Popups and window methods - JavaScript Syntax browser.tabs.onActiveChanged.addListener(listener) browser.tabs.onActiveChanged.removeListener(listener) browser.tabs.onActiveChanged.hasListener(listener) Events have three functions: addListener (callback) Adds a listener to this event. Next . If you don't want that behavior, call preventDefault() on the event object. Detect browser or tab close event using JavaScript The user may be mistakenly clicked the close button and lost some important data. Notification permissions Since the Notification API can be easy to abuse, it strictly enforces two security features by default: First, users must explicitly agree to receive the notifications on a per-origin basis. document.title = 'New title'; Additionally you could do this in a setInterval back and forth between the page title, and the information you are attempting to show the user. How To Create a Notification Button - W3Schools This is used to prevent unwanted or malicious websites from creating unnecessary pop-ups. Notifications Tab Use this tab to create, log, and organize record-related email messages. The default behavior is to move the focus to the viewport of the notification's related browsing context. You have seen in Shopping websites when you are . Blink web browser tab Step by step First, we need to create two files index.html and style.css then we need to do code for it. Make browser tab flash a notification. JavaScript Desktop/Browser Push Notification Example Trello, Facebook and Twitter notifications To detect the tab change we use pure JavaScript without jQuery etc. TalkJS can trigger desktop notifications if a user's browser supports it (most desktop browsers do). I have been searching how to get a notification badge on the tab of the website page like in the image below, but couldn't find much, or anything that works. Detect If Browser Tab Is Active or Not in Pure JavaScript W3Schools offers free online tutorials, references and exercises in all the major languages of the web. You can't directly access the content hosted by tabs using this API, but you can insert JavaScript and CSS into tabs using the tabs.executeScript () or tabs.insertCSS () APIs. Social websites such as Facebook, Twitter, and LinkedIn, which potentially receive new content every few seconds, insert the relevant number into the page title showing the amount of new updates in the tab.