blocks|key|475995|text|原因是，Google正在发送一个"X-Frame-Options:+SAMEORIGIN“响应头。此选项可防止浏览器显示与父页面不在同一域上的iFrames。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|475996|请参阅：Mozilla+Developer+Network+-+The+X-Frame-Options+response+header|offset|length|475997|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options^0|0|4|1R|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

The reason for this is, that Google is sending an &quot;X-Frame-Options: SAMEORIGIN&quot; response header. This option prevents the browser from displaying iFrames that are not hosted on the same domain as the parent page.
See: <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options" rel="noreferrer">Mozilla Developer Network - The X-Frame-Options response header</a>

blocks|key|692181|text|这不是很理想，但你可以使用代理服务器，它工作得很好。例如，转到hidemyass.com，放入www.google.com，并将它转到的链接放在iframe中，它就可以工作了！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|692182|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Its not ideal but you can use a proxy server and it works fine. For example go to hidemyass.com put in www.google.com and put the link it goes to in an iframe and it works!

blocks|key|476084|text|这曾经是可行的，因为我用它来创建带有我自己的选项的自定义Google搜索。谷歌做出了改变，并打破了我的私人定制搜索页面:(不再工作示例如下。它对于复杂的搜索模式非常有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|476085|<form+method="get"+action="http://www.google.com/search"+target="main"><input+name="q"+value=""+type="hidden">+<input+name="q"+size="40"+maxlength="2000"+value=""+type="text">|code-block|syntax|javascript|476086|网站|476087|我想更好的选择是只使用Curl或类似的。|476088|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This used to work because I used it to create custom Google searches with my own options. Google made changes on their end and broke my private customized search page :( No longer working sample below. It was very useful for complex search patterns.

<pre><code>&lt;form method="get" action="http://www.google.com/search" target="main"&gt;&lt;input name="q" value="" type="hidden"&gt; &lt;input name="q" size="40" maxlength="2000" value="" type="text"&gt;
</code></pre>

web

I guess the better option is to just use Curl or similar.

blocks|key|476126|text|您可以在使用YQL时绕过X-Frame选项。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|476127|var+iframe+=+document.getElementsByTagName('iframe')[0];
var+url+=+iframe.src;
var+getData+=+function+(data)+{
++++if+(data+&&+data.query+&&+data.query.results+&&+data.query.results.resources+&&+data.query.results.resources.content+&&+data.query.results.resources.status+==+200)+loadHTML(data.query.results.resources.content);
++++else+if+(data+&&+data.error+&&+data.error.description)+loadHTML(data.error.description);
++++else+loadHTML('Error:+Cannot+load+'+%2B+url);
};
var+loadURL+=+function+(src)+{
++++url+=+src;
++++var+script+=+document.createElement('script');
++++script.src+=+'https://query.yahooapis.com/v1/public/yql?q=select%2520*%2520from%2520data.headers%2520where%2520url%253D%2522'+%2B+encodeURIComponent(url)+%2B+'%2522&format=json&diagnostics=true&env=store%253A%252F%252Fdatatables.org%252Falltableswithkeys&callback=getData';
++++document.body.appendChild(script);
};
var+loadHTML+=+function+(html)+{
++++iframe.src+=+'about:blank';
++++iframe.contentWindow.document.open();
++++iframe.contentWindow.document.write(html.replace(/<head>/i,+'<head><base+href="'+%2B+url+%2B+'"><scr'+%2B+'ipt>document.addEventListener("click",+function(e)+{+if(e.target+&&+e.target.nodeName+==+"A")+{+e.preventDefault();+parent.loadURL(e.target.href);+}+});</scr'+%2B+'ipt>'));
++++iframe.contentWindow.document.close();
}

loadURL(iframe.src);|code-block|syntax|javascript|476128|<iframe+src="http://www.google.co.in"+width="500"+height="300"></iframe>|476129|在这里运行：http://jsfiddle.net/2gou4yen/|offset|length|476130|此处提供的代码：How+Can+I+Bypass+the+X-Frame-Options:+SAMEORIGIN+HTTP+Header?|476131|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/2gou4yen/|1|https://stackoverflow.com/questions/2783095/how-can-i-bypass-the-x-frame-options-sameorigin-http-header^0|0|0|0|6|T|0|0|8|1P|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|I|3|J|5|6|7|11|8|@]|9|@$K|12|L|13|1|14]]|A|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@$K|16|L|17|1|18]]|A|$]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]|W|$5|R|S|T|A|$U|X]]]]

You can bypass X-Frame-Options in an using YQL.

<pre><code>var iframe = document.getElementsByTagName('iframe')[0];
var url = iframe.src;
var getData = function (data) {
 if (data &amp;&amp; data.query &amp;&amp; data.query.results &amp;&amp; data.query.results.resources &amp;&amp; data.query.results.resources.content &amp;&amp; data.query.results.resources.status == 200) loadHTML(data.query.results.resources.content);
 else if (data &amp;&amp; data.error &amp;&amp; data.error.description) loadHTML(data.error.description);
 else loadHTML('Error: Cannot load ' + url);
};
var loadURL = function (src) {
 url = src;
 var script = document.createElement('script');
 script.src = 'https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20data.headers%20where%20url%3D%22' + encodeURIComponent(url) + '%22&amp;format=json&amp;diagnostics=true&amp;env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&amp;callback=getData';
 document.body.appendChild(script);
};
var loadHTML = function (html) {
 iframe.src = 'about:blank';
 iframe.contentWindow.document.open();
 iframe.contentWindow.document.write(html.replace(/&lt;head&gt;/i, '&lt;head&gt;&lt;base href="' + url + '"&gt;&lt;scr' + 'ipt&gt;document.addEventListener("click", function(e) { if(e.target &amp;&amp; e.target.nodeName == "A") { e.preventDefault(); parent.loadURL(e.target.href); } });&lt;/scr' + 'ipt&gt;'));
 iframe.contentWindow.document.close();
}

loadURL(iframe.src);
</code></pre>

<pre class="lang-html prettyprint-override"><code>&lt;iframe src="http://www.google.co.in" width="500" height="300"&gt;&lt;/iframe&gt;
</code></pre>

Run it here: <a href="http://jsfiddle.net/2gou4yen/" rel="nofollow noreferrer">http://jsfiddle.net/2gou4yen/</a>

Code from here: <a href="https://stackoverflow.com/questions/2783095/how-can-i-bypass-the-x-frame-options-sameorigin-http-header">How Can I Bypass the X-Frame-Options: SAMEORIGIN HTTP Header?</a>

blocks|key|476186|text|如果您使用的是PHP，您可以使用file_get_contents()打印内容：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|476187|<?php
$page+=+file_get_contents('https://www.google.com');
echo+$page;
?>|code-block|syntax|javascript|476188|这将打印内容file_get_contents()函数在此url中获得的任何内容。请注意，由于您将内容显示为字符串而不是实际的web页面，因此无法正确显示相对路径图像等内容，因为/img/myimg.jpg现在是从您的服务器加载的，而不再是从google.com加载的。|476189|但是，您可以使用一些技巧，如str_replace()函数来替换图像中的绝对urls：|476190|<?php
$page+=+file_get_contents('https://www.google.com');
echo+str_replace('src="img/','src="https://google.com/img/',$page);
?>|476191|entityMap^0|G|J|0|0|6|J|0|E|D|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|O|3|P|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|Q|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|R|$]]

If you are using PHP you can use <code>file_get_contents()</code> to print the content:

<pre><code>&lt;?php
$page = file_get_contents('https://www.google.com');
echo $page;
?&gt;
</code></pre>

This will print whatever content <code>file_get_contents()</code> function gets in this url.
Please note that since you are displaying content as string instead as a actual web page, things like relative path images are not shown correctly, because /img/myimg.jpg is now loading from your server and not from google.com anymore.

However, you can play with some tricks like <code>str_replace()</code> function to replace absolute urls in images:

<pre><code>&lt;?php
$page = file_get_contents('https://www.google.com');
echo str_replace('src="img/','src="https://google.com/img/',$page);
?&gt;
</code></pre>

blocks|key|476251|text|你可以使用https://www.google.com/search?igu=1而不是https://google.com/，它可以工作。这个问题是它有X-Frame-Options头策略，而浏览器遵循这些策略。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|476252|entityMap|0|LINK|mutability|MUTABLE|url|https://www.google.com/search?igu=1|1|https://google.com/^0|5|Z|0|17|J|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

You can use <a href="https://www.google.com/search?igu=1" rel="nofollow noreferrer">https://www.google.com/search?igu=1</a> instead of <a href="https://google.com/" rel="nofollow noreferrer">https://google.com/</a> , it works. This issue is it has X-Frame-Options Header policy and browsers follow those policies.

I am trying to put google.com into an iframe on my website, this works with many other websites including yahoo. But it does not work with google as it just shows a blank iframe. Why does it not render? Are there any tricks to do that?

I have tried it in an usual way to show a website in an iframe like this:

<pre><code>&lt;iframe name="I1" id="if1" width="100%" 
 height="254" style="visibility:visible" 
 src="http://www.google.com"&gt;&lt;/iframe&gt;
</code></pre>

The google.com page does not render in the iframe, it's just blank. What is going on?

How to show google.com in an iframe?

服务器

我试图把google.com放在我的网站上的iframe，这与包括雅虎在内的许多其他网站。但它不适用于谷歌，因为它只显示一个空白的iframe。为什么它不能渲染？有什么技巧可以做到这一点吗？我尝试过以通常的方式在iframe中显示网站，如下所示：<iframe name="I1" id="if1" width="100...

问如何在iframe中显示google.com？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在iframe中显示google.com？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在iframe中显示google.com？
EN