Add a frame to the bottom of a web page using a Greasemonkey script (and set its size)?

Question

Is there any way to add a frame to the bottom of a web page using a Greasemonkey script?

I want to write a script that adds http://www.google.com at the bottom of every web page, inside a frame.
I also want the width and height of the frame to be the same as the height of the page that is inside it.

I found an answer that explains how to add a div at a specified position on a web page: http://stackoverflow.com/a/13946081/975097 — Anderson Green, Dec 20 '12 at 05:27
Also, this answer explains how to find the height of a web page using JQuery: http://stackoverflow.com/questions/9430070/get-page-height-in-js-cross-browser — Anderson Green, Dec 20 '12 at 05:28

score 2 · Accepted Answer · edited May 23 '17 at 12:27

This is 3 questions in one.

Adding an <iframe> is easy, by itself:

$(document.body).append (
    '<iframe src="http://{SOME_PAGE_BESIDES_GOOGLE!}.com/">'
);

But, Google will not let you load it in an <iframe> -- blocking that with a variety of tricks, and the Terms of Service.
Plenty of other sites -- including Stack Exchange sites -- also block operation from within an iframe.
There is a slight chance that you could load framed-blocked pages in an <object>, if, and only if, the target page server has Cross-origin resource sharing (CORS) set to allow it.

It's a safe bet that your target page(s) don't have CORS set that way. ;-) But, if they did, then the code would be like:
```
$(document.body).append ( '                                     \
    <object type="text/html" data="http://www.google.com/">     \
    </object>                                                   \
' );
```
Finally, for those cases when you can actually load an <iframe> (or <object>), you would need to communicate the page size back up to the container/master/target page, from the loaded iframe.

To do that, see How can two instances of a userscript communicate between frames?.

For Google on every page, your best bet is to use the Google Custom Search API.

Add a frame to the bottom of a web page using a Greasemonkey script (and set its size)?

1 Answers1

Linked