无法在开发人员工具窗口中查看内容脚本引用

Question

当我使用开发人员工具查看我的扩展时，我只看到生成的背景文件background.js;我的内容脚本未显示在内容脚本选项卡下。有什么想法吗？清单的相关部分如下所示：

"content_scripts": [{
"run_at": "document_end",
"js": ["postMsg.js"],
"matches": ["https://groups.google.com/forum/*"]
}],

postMsg.js被注入到页面中，但从未出现在开发人员工具窗口中，因此我无法对其进行调试。

Answer 1

只要您位于与您的清单中的the "Match patterns and globs"匹配的网页上，您就会在 来源 - ＆gt;下看到内容脚本。内容脚本窗格 。
您可能需要刷新（ F5 ）页面（和/或您的扩展名，然后是页面）才能看到它：

(Click for larger image)

---

有关将该隐藏号码与扩展名匹配的详情，请参阅this answer 。

Answer 2

content scripts as a js file are never exposed by pages which are injected.。如果你打算调试内容脚本，那么就可以了;

<强>实施例

mycontentscripts.js

var getStyleofbody = document.getElementsByTagName('body')[0].style;

调试这个我将首先在我要注入的页面控制台中运行此代码;在我得到预期的结果后，我将代码移动到contentscript js文件。

但是对于注入后的任何错误，您可以查看开发人员的控制台面板以查找所有错误（它们列在那里）。

让我知道你是否感到困惑

Answer 3

在2018年，如果由于某种原因您错过了它：

按>>。从那里选择内容脚本，您将能够看到内容脚本。

hf：）