I'm trying to write a Google Chrome extension.

The documentation and even sample code say that a background page can run JavaScript on the active tab using the chrome.tabs.executeScript method, but chrome.tabs is always undefined when I break in the debugger.

This behavior is manifest in both my code and the Google sample code.

The Real Question: How do I run JavaScript on the active tab from a background page in a Chrome extension?

---

background.js:

chrome.browserAction.onClicked.addListener(function(tab) {
  debugger;
  // chrome.tabs is undefined here
  chrome.tabs.executeScript({
    code: "console.log('hi')"
  });
});

manifest.js:

{
  "manifest_version": 2,

  "name": "Hello World",
  "description": "Says 'hello' to the world.",
  "version": "0.1",

  "permissions": ["tabs", "activeTab"],

  "browser_action": {
    "default_title": "hi"
  },

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

---

Things I've tried:

• Setting the persistent flag on background in the manifest file to false, true, "false", and "true"
• Including the "tabs" permission

---

The runtime throws this error when I try access chrome.tabs:

Lazy require of tabs.binding did not set the binding field

I'm trying to write a Google Chrome extension.

The documentation and even sample code say that a background page can run JavaScript on the active tab using the chrome.tabs.executeScript method, but chrome.tabs is always undefined when I break in the debugger.

This behavior is manifest in both my code and the Google sample code.

The Real Question: How do I run JavaScript on the active tab from a background page in a Chrome extension?

---

background.js:

chrome.browserAction.onClicked.addListener(function(tab) {
  debugger;
  // chrome.tabs is undefined here
  chrome.tabs.executeScript({
    code: "console.log('hi')"
  });
});

manifest.js:

{
  "manifest_version": 2,

  "name": "Hello World",
  "description": "Says 'hello' to the world.",
  "version": "0.1",

  "permissions": ["tabs", "activeTab"],

  "browser_action": {
    "default_title": "hi"
  },

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

---

Things I've tried:

• Setting the persistent flag on background in the manifest file to false, true, "false", and "true"
• Including the "tabs" permission

---

The runtime throws this error when I try access chrome.tabs:

Lazy require of tabs.binding did not set the binding field

• javascript
• google-chrome-extension

Share Improve this question Follow edited Aug 12, 2017 at 16:52 Makyen♦ 33.4k1212 gold badges9292 silver badges125125 bronze badges asked Aug 12, 2017 at 13:12 MashmagarMashmagar 2,66422 gold badges3232 silver badges3939 bronze badges 3

• 2 This is a bug when you use debugger; statement. You don't need it so don't use it. Instead set a normal breakpoint. – woxxom Commented Aug 12, 2017 at 14:27
• Wow. That's quite a bug. Removing the debugger; statement gets me past this issue on the sample code. I'm still having difficulty with my code, but I can figure that out. Thanks so much. – Mashmagar Commented Aug 12, 2017 at 14:44
• Reported: crbug./754976 – woxxom Commented Aug 12, 2017 at 15:39

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

wOxxOm's ment diagnosed this correctly:

This is a bug [in Chrome] when you use debugger; statement.

However, I've found it goes deeper than that. A breakpoint alone was sufficient to give me this issue. Thanks to this SO answer for pointing out that breakpoints can also cause this problem.

You have to be thorough to "clear out" the debugger. The debugger window must be closed when the extension is reloaded. Simply closing the debugger window without reloading was not enough to make the problem go away.