为什么chrome.tabs在后台页面中未定义？

Question

我正在尝试编写Google Chrome扩展程序.

该文件甚至示例代码说一个背景页可以使用活动选项卡上运行JavaScript chrome.tabs.executeScript的方法,但chrome.tabs始终是undefined当我在调试器打破.

这种行为在我的代码和Google示例代码中都很明显.

真实问题:如何在Chrome扩展程序中的后台页面上的活动标签页上运行JavaScript？

---

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"]
  }
}

---

我试过的事情:

• 设置persistent在标志background在清单文件中false,true,"false",和"true"
• 包括"tabs"许可

---

我尝试访问时运行时抛出此错误chrome.tabs:

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

Answer 1

wOxxOm的评论正确诊断出来:

当您使用debugger;语句时,这是[在Chrome中]的错误.

但是,我发现它比这更深入.只有一个断点足以让我解决这个问题.感谢这个SO答案指出断点也可能导致这个问题.

您必须彻底"清除"调试器.重新加载扩展时,必须关闭调试器窗口.简单地关闭调试器窗口而不重新加载不足以使问题消失.