從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解決限制問題。