Why is chrome.browserAction.onClicked undefined?



I’m writing a Chrome extension that will redirect me to a URL when clicking on the browser action icon.

I’m trying to use:


but I get

Uncaught TypeError: Cannot read property ‘onClicked’ of undefined

This is my manifest file:

    "name": "first extension",
    "version": "2.2.12",
    "description": "redirct to a link icon",
    "browser_action": {
        "default_icon": "icontest.png",
        "default_title": "Do action"
    "permissions": ["tabs", "http://*/*"],
    "content_scripts": [{
        "matches": ["http://*.twitter.com/*", "https://*.twitter.com/*"],
        "js": ["twterland.js"]
    "icons": {
        "16": "icontest.png",
        "48": "icontest.png",
        "128": "icontest.png"

This is my js file:

chrome.browserAction.onClicked.addListener(function(tab) { alert("hi"); });


It seems like the code is in your twterland.js file, which is your content script. browserAction can only be used in extension pages, so you can not use it in content scripts.

Document: https://developer.chrome.com/extensions/content_scripts

However, content scripts have some limitations. They cannot:
Use chrome.* APIs (except for parts of chrome.extension)
– Use variables or functions defined by their extension’s pages
– Use variables or functions defined by web pages or by other content scripts

Put it on the background page instead.

Answered By – Derek 朕會功夫

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave A Reply

Your email address will not be published.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More