Chrome扩展程序使内容脚本能够访问iframe

Question

Question is simple: Is there any way to enable a content script (through executeScript() ) to be able to access an iframe on the current webpage (say stackoverflow.com ) that has the same origin of the extension itself?

To put to rest: I realize you can communicate through postMessage, hashing, and so forth from the iframe script to its parent script, but my main goal is to add events onto the iframe directly from a content script rather than having to pass a message (and create a middle man).

I believe injected content scripts run on the page "in their own little world", in which the page itself, nor other content scripts can access, so it leads me to believe Chrome could possibly allow these scripts access to iframes of its own origin (the extension url itself).

EDIT

Just to clarify, the iframe would have a url of the chrome extension itself, under the protocol chrome-extension:// . The parent page of the iframe could have any url, say http://stackoverflow.com for instance. So trying to access the iframe from a content script generally wont pass the same-origin-policy ...The question is if there is a way around this using Chrome's Extension library.

Thanks!

Answer 1

You can certainly run a content-script on a page and interact with any embedded iframes. I was working on a project recently where I needed to do this.

I don't have a solution in pure javascript so this would require you to include the jQuery.js library, if that works for you.

In the content-script running on the parent page I did the following:

//CAPTURE FRAME LOAD
$("#frameID").load(function () {

    //Create an object for the frame
    var firstFrame = window.parent.frames[0].document;

    //Set JQuery events to run in the context of the frame
    $("#buttonID", firstFrame).click(function(){

        //Capture click event of a button within the frame

    });


});