从Chrome扩展中读取iframe内容

Question

我试图加载iframe中的iframe.html，并将该iframe添加到我的Chrome扩展中当前页面的DOM中。我已经这样做了，我可以处理点击事件，获取框架元素值（输入，选择框）。一切都很好，直到这里。现在的问题是，我无法修改iframe.html中的内容，只要我将其插入到DOM中（更具体地说，我在iframe.html中有一个输入框，它被附加到DOM上，值为“XXXX”，现在当用户单击我的扩展的上下文菜单时，我想将其更改为“YYYY”）。

我试图在我的content.js但无济于事使用

$('#iframe_id').contents().find('input#input_id').val('YYYY') 
(or) 
window.frames['iframe_id'].document.getElementId('input_id').value 

获得输入框的值。

console.log($('#iframe_id')) 

打印控制台中的iframe对象，但无法获取iframe文档内容。这是获取/修改由Chrome扩展插入的iframe内容的正确方法吗？或者我在这里丢失了铬的东西* APIs

任何关于如何解决这个问题的指针会更有帮助。

TIA， Jagadeesh

Answer 1

正如Mike Grace所说，我已经插入了html而不是iframe，并且构建了可以在任何网页中工作的css。从长远来看，这将是一个更好的方法。

Answer 2

我相信你有问题，因为iframe和顶级页面的域名和协议不匹配。这是一个页面安全限制。如果这确实描述了您的问题，则可以使用iframe postMessage API解决限制问题。