Chrome の拡張機能コンテンツスクリプトから iframe コンテンツにアクセスする質問する

Question

通常、異なるオリジンのオブジェクトに直接アクセスする方法はありませんwindow。安全に異なるフレーム内のコンテンツスクリプト間で通信するには、バックグラウンドページにメッセージを送信し、そのメッセージをタブに返す必要があります。

次に例を示します。

一部のmanifest.json：

"background": {"scripts":["bg.js"]},
"content_scripts": [
    {"js": ["main.js"], "matches": ["<all_urls>"]},
    {"js": ["sub.js"], "matches": ["<all_urls>"], "all_frames":true}
]

main.js:

var isTop = true;
chrome.runtime.onMessage.addListener(function(details) {
    alert('Message from frame: ' + details.data);
});

sub.js:

if (!window.isTop) { // true  or  undefined
    // do something...
    var data = 'test';
    // Send message to top frame, for example:
    chrome.runtime.sendMessage({sendBack:true, data:data});
}

バックグラウンドスクリプト 'bg.js':

chrome.runtime.onMessage.addListener(function(message, sender) {
    if (message.sendBack) {
        chrome.tabs.sendMessage(sender.tab.id, message.data);
    }
});

別の方法としては、chrome.tabs.executeScriptin を使用してbg.jsメインコンテンツスクリプト内の関数をトリガーする方法があります。

関連文書

Answer 1