Как показать google.com в фрейме? - PullRequest
Новая
       31

Как показать google.com в фрейме?

104 голосов
/ 02 января 2012

Я пытаюсь поместить google.com в iframe на моем сайте, это работает со многими другими сайтами, включая Yahoo. Но он не работает с Google, так как он просто показывает пустой фрейм. Почему не рендер? Есть ли какие-нибудь хитрости, чтобы сделать это?

Я пробовал обычным способом показать веб-сайт в фрейме следующим образом: 

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

Страница google.com не отображается в iframe, она просто пустая. Что происходит?

Ответы [ 7 ]

106 голосов
/ 02 января 2012

Причина в том, что Google отправляет заголовок ответа «X-Frame-Options: SAMEORIGIN». Этот параметр запрещает браузеру отображать iFrames, которые не размещены в том же домене, что и родительская страница.

См .: Сеть разработчиков Mozilla - заголовок ответа X-Frame-Options

26 голосов
/ 02 января 2012

ЭТО НЕВОЗМОЖНО.
Используйте обратный прокси-сервер для решения проблемы с другим источником. Раньше я использовал Nginx с proxy_pass для изменения URL страницы. Вы можете попробовать.

Другой способ - написать простую прокси-страницу, которая запускается на сервере самостоятельно, просто запросить у Google и вывести результат клиенту.

20 голосов
/ 15 сентября 2014

Как было указано здесь, поскольку Google отправляет заголовок ответа «X-Frame-Options: SAMEORIGIN», вы не можете просто установить src на «http://www.google.com" в iframe.

Если вы хотите встроить Google в iframe, вы можете сделать то, что предложили sudopeople в комментарии выше, и использовать пользовательскую ссылку поиска Google, как показано ниже. Это отлично работает для меня (оставив пустым «q =», чтобы начать с пустого поиска). 

<iframe id="if1" width="100%" height="254" style="visibility:visible" src="http://www.google.com/custom?q=&btnG=Search"></iframe>

РЕДАКТИРОВАТЬ:

Этот ответ больше не работает. Информацию и инструкции о том, как заменить поиск iframe элементом пользовательского поиска Google, можно найти: https://support.google.com/customsearch/answer/2641279

10 голосов
/ 13 января 2017

Вы можете обойти X-Frame-Options с помощью YQL. 

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 ' + 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&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&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="' + url + '"><scr' + 'ipt>document.addEventListener("click", function(e) { if(e.target && e.target.nodeName == "A") { e.preventDefault(); parent.loadURL(e.target.href); } });</scr' + 'ipt>'));
    iframe.contentWindow.document.close();
}

loadURL(iframe.src);

<iframe src="http://www.google.co.in" width="500" height="300"></iframe>

Запустите его здесь: http://jsfiddle.net/2gou4yen/

Код отсюда: Как обойти X-Frame-Options: заголовок SAMEORIGIN HTTP?

1 голос
/ 29 декабря 2014

Раньше это работало, потому что я использовал его для создания пользовательских поисков Google с моими собственными настройками.Google внес изменения в их конце и сломал мою частную страницу индивидуального поиска :( Пример более не работает. Это было очень полезно для сложных шаблонов поиска.вариант просто использовать Curl или аналогичный.

1 голос
/ 22 ноября 2013

Это не идеально, но вы можете использовать прокси-сервер, и он отлично работает. Например, перейдите на hidemyass.com, вставьте www.google.com и поместите ссылку, по которой он идет, в iframe, и это работает!

0 голосов
/ 26 апреля 2018

Вы можете решить, используя Google CSE (механизм пользовательского поиска), который можно легко вставить в iframe.Вы можете создать свою собственную поисковую систему, которая будет выполнять поиск по выбранным сайтам или по всей базе данных Google.

Результаты могут быть оформлены в соответствии с вашими предпочтениями, аналогично стилю Google.Google CSE работает с поиском в Интернете и изображениями.

google.php 

<script>
  (function() {
    var cx = 'xxxxxxxxxxxxxxxxxxxxxx';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchresults-only></gcse:searchresults-only>

yourpage.php 

<iframe src="google.php?q=<?php echo urlencode('your query'); ?>"></iframe>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...