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

Question

当我使用开发人员工具查看我的扩展时，我只看到生成的背景文件background.js；我的内容脚本不会出现在content scripts选项卡下。你知道为什么吗？清单的相关部分如下所示：

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

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

Answer 1

content scripts as a js file are never exposed by pages which are injected.。如果你的意图是调试内容脚本，这是可能的；

Ex:

mycontentscripts.js

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

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

​

​

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

​

​

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

Answer 2

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

​

​

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

hf :)