从内容-脚本注入脚本。窗口对象不可用

Question

我正试图在一个内容脚本中向页面注入一个脚本。

注入的脚本应该在window-object上定义一个对象-object。但是，在加载注入脚本之后，尝试从内容脚本中读取window.abc = undefined结果。

这可能是因为生活在孤立环境中的内容脚本吗？乍一看，这似乎很奇怪，因为我希望内容脚本和从内容-脚本动态注入的脚本生活在同一个环境中(从而共享相同的窗口对象)。

背景:作为扩展的一部分，我需要在各种各样的页面上加载内容脚本。这似乎是完全浪费带宽/性能，必须为每个这些页面加载大脚本，即使扩展可能不会在该页面上使用。因此，我希望内容-脚本尽可能轻量级，并且只加载(惰性加载)较重的脚本(使用注入，如上文所述)，一旦用户表示他希望在该页面上使用扩展。(通过选择一些事件，例如单击扩展图标)

Answer 1

你的假设是正确的。文件中非常清楚地指出，你甚至连自己都联系在一起：

内容脚本在一个称为孤立世界的特殊环境中执行。它们可以访问注入到的页面的DOM，但不能访问页面创建的任何JavaScript变量或函数。在每个内容脚本看来，好像在运行它的页面上没有其他的JavaScript在执行。

直接在页面上运行的脚本使用页面的环境(窗口)，即使从内容脚本注入到页面中也是如此。

调试技巧： Chrome工具控制台允许您在页面上下文和帧选择下拉中的内容脚本上下文之间切换。您应该能够看到window.abc是在页面的(可能是top)窗口中定义的，而不是在内容脚本的窗口中定义的。

我不知道您的确切目标是什么，但是如果您想在单击扩展图标之后在页面上执行某件事情，您可以通过程序化注入来完成。没有必要事先在页面中注入任何内容。

进一步阅读SO:

浏览器操作、后台脚本和chrome扩展的内容脚本之间通信的上下文和方法？

构建Chrome扩展-使用内容脚本在页面中注入代码