I am setting up a basic Chrome extension for my team. We recently switched to an online phone system that we open through chrome. I created my extension with the purpose of keeping the application window separate from chrome so it is easier to find. But when a call/notification comes in, the windows taskbar icon for my extension doesn't have the orange glow. Can anyone help me add this code?
I am pretty inexperienced at coding so I am hoping to keep it simple if possible.
I've seen similar questions asked, but I cannot seem to get any of those examples to work for me.
Here is a screenshot example of the Hangouts chat icon notification: Icon orange notification alert
Here's my manifest.json
{
"manifest_version": 2,
"short_name": "Phone",
"description": "Internet Based Phone System",
"name": "Amazon Connect Phone",
"version": "0.2",
"background":{
"scripts": ["background.js"],
"persistent": false
},
"browser_action": {
"default_icon": "icon128x128default.png",
"default_title": "Amazon Web Services"
},
"icons": {
"16": "img/app-icon16x16.png",
"48": "img/app-icon48x48.png",
"128": "img/app-icon128x128.png"
},
"permissions": [
"notifications", "tabs"
]
}
Here's my background.js. I removed the actual url for privacy reasons.
// Called when the user clicks on the browser action.
chrome.browserAction.onClicked.addListener(function() {
chrome.windows.create({'url': 'https://website.com', 'type': 'popup', height: 620, width:284}, function(window) {
});
});