WebExtensions-获取全局窗口属性

Question

因此，我在这里遵循了该教程：https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension

在这里创建一个简单的扩展，以修改注入脚本的DOM。

但是后来我在borderify.js（内容脚本）上添加了以下几行：

console.log(window); //Prints an object that has a "$" property;
console.log(window.$); //Undefined
console.log($); //Error, "$" is undefined

然后我在一个我知道在其脚本标签中包含JQuery的网站中启用了它。

这对我来说很困惑，为什么当我打印窗口对象时，它向我显示一个具有$属性的对象，但是随后我尝试访问它，该对象不存在？

如何访问它？

有一些类似的问题，但是它们都非常古老，并且是一个快速变化的主题。

（请注意，这与JQuery无关，仅是示例）

Answer 1

您可能想阅读有关MDN的Sharing objects with page scripts，尤其是警告！

这应该适合您的用例：

console.log(window.wrappedJSObject.$)