从Chrome的扩展程序内容脚本访问iframe内容

Question

我正在做一个插件来对界面进行一些转换。我不断收到unsafe javascript attempt to access frame with url.... Domains, protocols and ports must match（典型的跨网站问题）但作为扩展程序，它应该可以访问iframe的内容http://code.google.com/chrome/extensions/content_scripts.html ...没有人知道如何访问它的内容以便可以被捕获吗？

Answer 1

我知道这是一个老问题，但是我最近花了半天时间来解决它。通常，创建iframe看起来像这样：

var iframe = document.createElement('iframe');

iframe.src = chrome.extension.getURL('iframe-content-page.html');

该框架与页面的来源不同，您将无法获得其DOM。但是，如果仅出于CSS隔离的目的创建iframe，则可以采用另一种方式：

var iframe = document.createElement('iframe');

document.getElementById("iframe-parent").appendChild(iframe);

iframe.contentDocument.write(getFrameHtml('html/iframe-content-page.html'));

.......

function getFrameHtml(htmlFileName) {

    var xmlhttp = new XMLHttpRequest();

    xmlhttp.open("GET", chrome.extension.getURL(html/htmlFileName), false);

    xmlhttp.send();

    return xmlhttp.responseText;

}

.......

"web_accessible_resources": [   

    "html/htmlFileName.html",

    "styles/*",

    "fonts/*"

]

之后，您可以使用iframe.contentDocument访问iframe的DOM