Chrome.tabs.executeScript - tabs are not defined

javascript google-chrome google-chrome-extension

10,096

Solution 1

the error of "tabs are not defined"

tabs[0] - you need to find it. Your script is executed in the context of popup.html. I hope popup.html contain

<head>
...
    <script src="popup.js"></script>
</head>

and

Script of the button in chrome extension window

is from popup.js. And you never try to run code inside popup.html.

So, in this context no one knows about tabs[0]. You need to ask chrome which window and which tab is active now. It can be as ShwetaM wrote, or like this from samples

chrome.windows.getCurrent(function (currentWindow) {
    chrome.tabs.query({ active: true, windowId: currentWindow.id }, function (activeTabs) {
        activeTabs.map(function (tab) {
            chrome.tabs.executeScript(tab.id, { file: 'content_script.js', allFrames: false });
        });
    });
});

or you can try without the tab.id,

chrome.tabs.executeScript({ file: 'content_script.js', allFrames: false });

because in this case the script will run in the active tab of the current window

When you specify in Manifest.json the "content_scripts": script will be executed when you create a tab and every refresh. I'm not sure, but maybe before loading the DOM. However, you should not specify the "content_scripts": in Manifest.json, because this content script's code will be always injected

Also you must be sure that the active tab contains a button that you are looking for. Use console.dir for some object, especially arguments in a function; console.log for some text; debugger for happy debugging.

Solution 2

you can just remove the parameter "tabs[0]"

integer(optional) tabId
The ID of the tab in which to run the script; defaults to the active tab of the current window.

https://developer.chrome.com/extensions/tabs#method-executeScript

10,096

Author by

adrienk

Updated on June 04, 2022

Comments

adrienk almost 2 years

I am trying to write a chrome extension that has a button called 'btn3'. When I click on that button in the chrome extension (popup.html), it will click a button on the webpage. The button on the webpage has the following id: "regular-secondary-button send-message"

2 questions:

I get the error of "tabs are not defined" for chrome.tabs.executeScript in the following codes. How can I fix that?
Did I write anything wrong in the content_scripts.js?

Thanks!

Script of the button in chrome extension window

document.addEventListener('DOMContentLoaded', function (){
    document.getElementById('btn3').addEventListener('click', sendInMail)
});

sendInMail = function(){


    chrome.tabs.executeScript(tabs[0], {file: "content_script.js"});

}

content_scripts.js

alert("content_script is working!");

function clickSendInMailButton() {
    var SendInMailButton = document.getElementsByClassName("regular-secondary-button send-message"),

    SendInMailButton.click();
}

clickSendInMailButton();

Manifest.json

{
  "manifest_version": 2,

  "name": "LinkedIn Assistant",
  "description": "This extension makes a LSS AE successful.",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },

  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"],
      "js": ["content_script.js"]
    }
  ],
   "chrome_url_overrides" : {
    "newtab": "newtab.html"
  },

    "background": {
    "scripts": ["bg.js"]
  },

  "permissions": [
    "tabs", "<all_urls>"
  ]


}

adrienk almost 8 years

Doesn't work. Now I get this: extensions::uncaught_exception_handler:8 Error in response to tabs.query: Error: Invocation of form tabs.executeScript(object, object) doesn't match definition tabs.executeScript(optional integer tabId, object details, optional function callback)...
adrienk almost 8 years

... at Object.callback (chrome-extension://bdndljnkfidkacoflhfhpgilegpfgdja/sendInM‌ail.js:10:17) at HTMLButtonElement.sendInMail (chrome-extension://bdndljnkfidkacoflhfhpgilegpfgdja/sendInM‌ail.js:6:15)
Shweta Matkar almost 8 years

call this function from background js
Sello Mkantjwa about 6 years

The getting started guide is misleading. The example uses a popup and makes reference to tabs, it actually does not work out of the box. Thanks for this.
Shadab over 2 years

Thanks a lot @ShwetaMatkar actually your suggestion worked for me. I need to call this in the background.js and my script gets executed.