如何在Google搜索结果页面中嵌入iframe

Question

无论出于何种原因,这都不重要,我试图通过iframe将谷歌购物与另一个页面结合起来.

我尝试过这里提出的方法,包括在iframe中嵌入谷歌自定义搜索查询,但谷歌自定义搜索不允许访问购物选项卡.

我想,如果你不能嵌入谷歌,就把自己嵌入其中.所以我继续在页面中注入一些jQuery

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type.
jQuery.noConflict();

清理谷歌购物搜索结果页面到我需要的东西,即div #search内的html

jQuery(function($) {$('#search').show().parentsUntil('body').andSelf().siblings().hide();});

创建一个iframe并将其注入:

var iframe = document.createElement('iframe')
iframe.src="http://example.com"
iframe.width="100%";
iframe.height="500";
iframe.style="visibility:visible";
document.body.appendChild(iframe)

唯一的问题是iframe没有加载页面的内容而反过来是空白的.如果您在任何其他页面中尝试上述代码段,则可以使用.谷歌似乎阻止加载iframe.我怎么能绕过那个？

Answer 1

Google 似乎无法使用 iframe 工作...即使您不使用 JS。您应该使用Google Custom Search API，它允许您创建自定义搜索引擎。您只需输入一个示例网站，将选项更改为搜索所有网络。并再次删除您输入的网站。要创建自定义搜索引擎，您需要一个谷歌帐户。从这里开始。