Unable to trigger chrome.browserAction.onClicked.addListener with google chrome extensions
I'm a bit stuck here and was wondering if anyone can point out where I might be wrong.
I am simply trying to make the body color change to red on click of the app icon.
manifest.json
{
"name": "Bagde",
"description": "",
"version": "1",
"manifest_version": 2,
"background": {
"scripts": [
"background.js"
]
},
"browser_action": {
"default_title": "Test",
"default_popup": "popup.html"
}
}
popup.html
<html>
<head>
<script src="popup.js"></script>
</head>
<body>
<p>Some Content ..</p>
</body>
</html>
popup.js
document.addEventListener("DOMContentLoaded", function () {
//Get Reference to Functions
backGround = chrome.extension.getBackgroundPage();
//Call Function
backGround.updateIcon();
});
background.js
var i = 1;
function updateIcon() {
i = 1;
chrome.browserAction.setBadgeText({
text: 'Test'
});
chrome.browserAction.setPopup({
popup: "popup.html"
});
}
chrome.browserAction.setBadgeBackgroundColor({
color: [200, 0, 0, 100]
});
window.setInterval(function () {
chrome.browserAction.setBadgeText({
text: String(i)
});
i++;
}, 4000);
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.executeScript(null,
{code:"document.body.bgColor='red'"});
});
any ideas what I may be doing wrong? Thanks for taking your time to reading this.
Answer
If you define default_popup, you can't have a listener for browserAction.onClicked. In this case you can simply add the code in your handler to your popup.js.
EDIT: That is, add to popup.js the following:
chrome.tabs.executeScript(null, {code:"document.body.bgColor='red'"});