有沒有什麼方法可以使用Greasemonkey腳本將一個框架添加到網頁的底部?使用Greasemonkey腳本將網頁添加到網頁的底部(並設置其大小)?
我想編寫一個腳本,在每個網頁的底部在框架中添加http://www.google.com
。
我也希望框架的寬度和高度與其內部頁面的高度相同。
有沒有什麼方法可以使用Greasemonkey腳本將一個框架添加到網頁的底部?使用Greasemonkey腳本將網頁添加到網頁的底部(並設置其大小)?
我想編寫一個腳本,在每個網頁的底部在框架中添加http://www.google.com
。
我也希望框架的寬度和高度與其內部頁面的高度相同。
這是3個問題之一。
添加一個容易,本身:
$(document.body).append (
'<iframe src="http://{SOME_PAGE_BESIDES_GOOGLE!}.com/">'
);
但是,谷歌will notlet youload it in an <iframe>
- 阻斷了各種招數,和服務條款。
許多其他站點(包括Stack Exchange站點)也阻止iframe
內的操作。
有一個輕微的機會,你可以加載框架封閉的網頁可以在<object>
,當且僅當,目標頁面服務器Cross-origin resource sharing (CORS)設置爲允許它。
這是一個安全的選擇,您的目標網頁不有CORS設置的方式。 ;-)但是,如果他們這麼做,那麼代碼會是這樣:
$(document.body).append (' \
<object type="text/html" data="http://www.google.com/"> \
</object> \
');
最後,對於那些情況下,當你實際上可以加載一個(或<object>
),您將需要從加載的iframe將頁面大小傳回容器/主/目標頁面。
要做到這一點,請參見How can two instances of a userscript communicate between frames?。
對於谷歌在每個頁面上,最好的辦法是使用the Google Custom Search API。
我找到了一個答案,解釋瞭如何在網頁的指定位置添加div:http://stackoverflow.com/a/13946081/975097 –
此外,此答案解釋瞭如何查找網頁的高度使用JQuery的頁面:http://stackoverflow.com/questions/9430070/get-page-height-in-js-cross-browser –