javascript - 内容脚本未显示在 Chrome 开发工具中

Question

我的 manifest.json 中有这个设置:

  "content_scripts": [
    {
      "matches": ["http://*/*"],
      "css": [],
      "js": ["content-script.js"]
    }
  ],

这是 content-script.js 文件中的代码:

console.log('this is the content script.');

chrome.browserAction.onClicked.addListener(function(tab) {

  console.log('the following tab was clicked:', tab);

  chrome.tabs.executeScript({
    code: 'document.body.style.backgroundColor="red"'
  });
});

如果我点击弹出按钮并打开 Chrome 扩展程序，然后点击“检查”并打开 Dev Tools，我没有看到列出任何内容脚本:

但是，现在它变得很奇怪，因为 Chrome 说它找不到 manifest.json 文件:

但是，很明显它可以找到我的 background.js 脚本，该脚本在我的 manifest.json 文件中声明:

如您所见，选项页面和背景页面已被识别。因此，Chrome 似乎确实识别/检测到了 list 文件。

有人知道哪里出了问题吗？如何加载我的内容脚本？

Answer 1

我不确定为什么它说 list 没有显示。但我意识到您不应该检查扩展窗口来查找您的内容脚本。相反，打开一个使用 http 的不同选项卡并加载网页，例如 http://www.quora.com ，然后打开 Dev Tools，您的内容脚本应该会加载到那里。