从 Firefox 扩展访问 iFrame 的 dom

Question

我花了很长时间尝试不同的方法来使其发挥作用，但没有任何效果，而且文档也没有多大帮助。

我正在尝试在 iframe 内填充表单，并将其动态注入到页面中。为了注入该 iframe，我这样做：

myObject.iframe = document.createElement("iframe");
myObject.iframe.setAttribute("src", data.url);
myObject.iframe.setAttribute("id","extension-iframe");
myObject.window.document.getElementById('publisher').appendChild(myObject.iframe);
myObject.iframe.addEventListener("load", function(){
    myObject.populate(data);
}, false);

它工作正常并且确实触发了 populate() 方法。我的问题是获取该 iframe 的文档或窗口对象。我已经尝试了以下所有内容：

myObject.iframe.window
myObject.iframe.document
myObject.iframe.content

但这些都是未定义的。

我还尝试将事件对象传递给 iframe 的加载事件侦听器，然后执行以下操作：

event.originalTarget

但这也不起作用。

我正在阅读以下文档：

• https://developer.mozilla.org/En/Working_with_windows_in_chrome_code
• https://developer.mozilla.org/en/Code_snippets/Interaction_ Between_privileged_and_non-privileged_pa​​ges

但要么我不理解它，要么它没有得到正确的解释。

任何人都可以透露一些信息吗？

谢谢！

Answer 1

您是否尝试过使用 contentWindow 属性？

var doc = iframe.contentWindow.document;

Answer 2

尝试 myObject.iframe.contentDocument

类似的内容：

// For accessing browser window from sidebar code.
var mainWindow = window.QueryInterface(Components.interfaces.nsIInterfaceRequestor)
                   .getInterface(Components.interfaces.nsIWebNavigation)
                   .QueryInterface(Components.interfaces.nsIDocShellTreeItem)
                   .rootTreeItem
                   .QueryInterface(Components.interfaces.nsIInterfaceRequestor)
                   .getInterface(Components.interfaces.nsIDOMWindow);

var gBrowser = mainWindow.gBrowser;

var iframes = gBrowser.contentDocument.getElementsByTagName("iframe");
            for (var i=0; i < iframes.length; i++) {
                var check_elem = iframes[i].contentDocument.getElementById('myid');
                if (check_elem) {
                    ...;
                }
            }

Answer 3

我传入事件对象，然后传入 event.originalTarget （就像您提到的那样），它工作正常。尽管我必须将 addEventListener 的 useCapture 参数设置为 true 才能调用我的事件。

因此，如果我理解正确，您需要在填充方法中访问文档...

我会将 event.originalTarget 作为参数传递给您的方法
或者
在加载事件中，我将设置例如 myObject.document 属性，然后在 populate 方法中使用它。

myObject.iframe.addEventListener("load", function(event){
    var doc = event.originalTarget;
    myObject.populate(data,doc);
}, false);

Answer 4

我几乎遇到了同样的问题。使用以下代码获取 iframe（Firebug 用于调试）：

iframes = window.content.document.getElementsByTagName('iframe')
for (var i = 0; i < iframes.length; i++) {
  var elmInput = iframes[i];
  Firebug.Console.log(elmInput);
}