从chrome的扩展内容脚本访问iframe内容

问题描述

我正在做一个插件来对接口进行一些转换。我不断收到不安全的JavaScript尝试访问框架与网址....域名，协议和端口必须匹配（典型的跨站点问题）

I'm doing a plugin to do some transformations to the interface. I keep getting unsafe javascript attempt to access frame with url.... Domains, protocols and ports must match (typical cross site issue)

但作为扩展程序，它应该可以访问iframe的内容 ...

But being an extension it should have access to the iframe's content http://code.google.com/chrome/extensions/content_scripts.html ...

没有人知道如何访问它的内容，以便它们可以被捕获吗？ b $ b

Doesn anyone know how to access it's contents so they can be capturable?

推荐答案

通常没有直接的方法来访问不同来源的窗口对象。如果您想在不同框架中的内容脚本之间进行安全通信，则必须向后台页面发送消息，后者会将消息发送回标签。

There's generally no direct way of accessing a different-origin window object. If you want to securely communicate between content scripts in different frames, you have to send a message to the background page which in turn sends the message back to the tab.

下面是一个例子：

部分 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'：

Background script 'bg.js':

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

另一种方法是使用 chrome.tabs.executeScript


在 bg.js 中触发一个函数。

An alternative method is to use chrome.tabs.executeScript in bg.js to trigger a function in the main content script.

• 和类型。

• Message passing
• MessageSender and Tab types.
• Content scripts
• chrome.tabs.executeScript

这篇关于从chrome的扩展内容脚本访问iframe内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！