debugging - 无法在开发者工具窗口中查看内容脚本引用

Question

当我使用开发者工具查看我的扩展时，我只看到生成的背景文件 background.js；我的内容脚本没有出现在内容脚本选项卡下。任何想法为什么？清单的相关部分如下所示：

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

postMsg.js 被注入页面，但从未出现在开发者工具窗口中，所以我无法调试它。

score 5 · Accepted Answer

只要您位于与清单中的“匹配模式和 glob”匹配的页面上，您就会在Sources -> Content Scripts 窗格下看到内容脚本。
您可能需要刷新 ( F5) 页面（和/或您的扩展程序，然后是页面）才能看到它：

有关将该神秘号码与分机匹配的更多信息，请参阅此答案。

score 0 · Accepted Answer

前任：

我的内容脚本.js

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

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

在此处输入图像描述

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

在此处输入图像描述

如果您感到困惑，请告诉我

score 0 · Accepted Answer

2018 年，如果你因为某些原因错过了：

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

高频 :)

3 回答 3