从chrome的扩展内容脚本访问iframe内容 [英] access iframe content from a chrome's extension content script

问题描述

我正在做一个插件来对接口进行一些转换。我不断收到不安全的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的内容 http://code.google。 com / chrome / extensions / content_scripts.html ...

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.

• 邮件传递 ^{c.runtime.sendMessage / c.tabs.sendMessage / c.runtime.onMessage}


• MessageSender 和 标签 类型。


• 内容脚本


• chrome.tabs.executeScript

• Message passing ^{c.runtime.sendMessage / c.tabs.sendMessage / c.runtime.onMessage}
• MessageSender and Tab types.
• Content scripts
• chrome.tabs.executeScript

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