javascript - WebExtensions - 获取全局窗口属性

Question

所以，我按照这里的教程进行操作:https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension

您可以在其中创建一个简单的扩展来修改注入(inject)脚本的 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

您可能想阅读Sharing objects with page scripts MDN 上，尤其是警告!

这应该适合您的用例:

console.log(window.wrappedJSObject.$)