Firefox 侧边栏和 DOM 的 Document 对象

Question

Firefox 侧边栏中加载了一个网页，主文档中加载了另一个网页。 现在，我如何通过 Firefox 侧边栏访问主文档对象？ 通过 Firefox 侧边栏文档中的 Javascript 代码访问主文档来执行此操作的示例会很有帮助。

感谢您的回答。 不过，我必须完善我的问题。 主窗口已加载一些网页，侧边栏也有一个网页。 我希望侧边栏窗口知道当单击侧边栏窗口上的链接时用户在主窗口上选择了哪些文本。 我知道如何从窗口中获取选定的文本。 只是侧边栏元素增加了我无法超越的问题的复杂性。

@PConory：

我喜欢你的答案，但是当我尝试时出现错误：

错误：为类对象创建包装器的权限被拒绝 未命名类。

谢谢。

Answer 1

据我所知，您实际上是在侧边栏中加载一个网站（选中“在侧边栏中加载此书签”）。 如果是这种情况，并且侧边栏正在打开主窗口页面。 您可以使用 window.postMessage 在它们之间进行通信。 但就像我说的，侧边栏页面必须打开主页，因为您需要窗口引用才能发布消息。

sidebar.js

var newwin = window.open('http://otherpage')
newwin.onload = function()
{
 newwin.postMessage('Hey newwin', 'http://sidebar');
};

mainpage.js
window.addEventListener('message',function(e)
{
 if(message.origin == 'http://sidebar')
  alert('message from sidebar');
},false);

使用此功能，您仍然无法访问该文档，但可以在它们之间进行通信并编写您想要执行的任何更改的脚本。

编辑：再考虑一下，如果您从侧边栏打开窗口，您将拥有它的 DOM。 var newwin = window.open('blah'); newwin.document 使得 postMessage 的漏洞变得毫无意义。

Answer 2

从侧边栏访问主窗口比以其他方式返回要棘手得多。

您需要遍历的 DOM 树，根据 Mozilla 开发者中心，是：

#document
  window                 main-window
    ...
      browser
        #document
          window         sidebarWindow

从上面的链接，以下代码将允许您获取 mainWindow 对象：

var mWin = window.QueryInterface(Components.interfaces.nsIInterfaceRequestor)
               .getInterface(Components.interfaces.nsIWebNavigation)
               .QueryInterface(Components.interfaces.nsIDocShellTreeItem)
               .rootTreeItem
               .QueryInterface(Components.interfaces.nsIInterfaceRequestor)
               .getInterface(Components.interfaces.nsIDOMWindow); 

Answer 3

您是否正在尝试编写页内 JavaScript 以允许侧边栏页面和选项卡页面之间进行通信？ 哪些页面可以互相看到并进行通信是有限制的：

• 如果页面不在同一域中，则不允许它们进行通信（同域限制）。
• 如果一个页面没有打开另一个页面，则任一页面都无法获取对另一个页面的引用。

我不确定页面如何请求在侧边栏中打开页面，反之亦然。 但是如果您可以做到这一点，请使用var child = window.open(...)来获取一个方向的参考和window.opener以获得另一个方向的参考。