Firefox WebExtension内容脚本中DOM对象console.log显示<unavailable>原因咨询

嘿，这个问题我之前开发Firefox扩展时也踩过坑！让我给你拆解一下背后的原因和含义：

核心原因：上下文隔离与安全沙箱 #

Firefox的WebExtension内容脚本运行在一个隔离的沙箱上下文中，和页面自身的JavaScript环境完全分开。这种隔离是浏览器为了防止扩展恶意篡改页面或者获取敏感信息而设计的安全机制。

当你尝试直接用console.log打印一个DOM对象（比如document）时，浏览器不会把完整的DOM对象暴露给内容脚本的控制台输出。因为DOM对象属于页面上下文，而内容脚本的上下文是独立的，直接跨上下文暴露完整对象会带来安全风险——比如可能被恶意扩展利用来绕过同源策略或者获取页面的敏感数据。

为什么还能访问属性？ #

你会发现虽然打印对象显示<unavailable>，但依然能正常访问它的属性（比如document.baseURI），这是因为Firefox的Xray Vision机制在起作用：

• 这个机制会给跨上下文的DOM对象套一个“安全包装”，允许你访问对象的标准属性和方法（符合Web标准的那些）
• 但会屏蔽非标准属性、内部状态以及可能带来安全风险的部分，同时也不允许控制台完整序列化展示这个对象，所以就出现了<unavailable>的提示。

关于<unavailable>的含义 #

这个字符串就是Firefox在明确告诉你：这个对象来自另一个上下文（页面上下文），出于安全隔离的要求，我不能在控制台展示它的完整结构，但你依然可以安全地使用它的标准API。

对比其他浏览器，比如Chrome，可能会打印一个被包装的对象（带有[[Prototype]]等标记），但Firefox选择了更直接的<unavailable>提示来明确这种隔离状态。

内容的提问来源于stack exchange，提问作者JesseTG