Home/ Questions/Q 4232696
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T02:07:39+00:00

I am learning how to extend Google chrome and I have run into the

  • 0

I am learning how to extend Google chrome and I have run into the following problem:

I have the following manifest file:

{
    "name": "My First Extension",
    "version": "1.0",
    "description": "The first extension that I made.",
    "background_page": "background.html",
    "browser_action": {
        "default_icon": "icon.png", 
        "popup": "popup.html"
     },
    "permissions": [
    "tabs",
        "http://*/*",
        "https://*/*"
    ]
 }

My background.html file just injects some simple JavaScript into the page:

<script>
    // Called when the user clicks on the browser action.
    chrome.browserAction.onClicked.addListener(function(tab) {
        chrome.tabs.executeScript(null, {code:"alert(\"hi from background CODE\");"});
    });
</script>

My popup.html file is just simple HTML:

<body>
    Sup Playa
</body>

The dialog box from background.html never gets displayed. popup.html functions as expected.

However when I comment out popup.html from the manifest file, the script in background.html works.

What am I doing wrong? Why aren’t both the dialog box and the popup showing up?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As it says in the docs:

    onClicked event will not fire if the browser action has a popup.

    So if you assign any html file to your popup "popup": "popup.html" (rather than just a button without body), onClicked event isn’t fired.

    You can just put your code right into popup.html (it has same privileges as a background page) if you want something to be executed each time it is opened:

    chrome.tabs.executeScript(null, {code:"alert(\"hi from background CODE\");"});
    • 0