亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

從Chrome的擴展程序內容腳本訪問iframe內容

從Chrome的擴展程序內容腳本訪問iframe內容

開心每一天1111 2019-11-30 13:57:04
我正在做一個插件來對界面進行一些轉換。我不斷收到unsafe javascript attempt to access frame with url.... Domains, protocols and ports must match(典型的跨網站問題)但作為擴展程序,它應該可以訪問iframe的內容http://code.google.com/chrome/extensions/content_scripts.html ...沒有人知道如何訪問它的內容以便可以被捕獲嗎?
查看完整描述

3 回答

?
RISEBY

TA貢獻1856條經驗 獲得超5個贊

我知道這是一個老問題,但是我最近花了半天時間來解決它。通常,創建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


查看完整回答
反對 回復 2019-11-30
  • 3 回答
  • 0 關注
  • 2408 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號