Определите, откроется ли сайт в iframe

Question

Если изображение не загружается на страницу, у нас есть функция onerror, которая может загружать изображение по умолчанию.

Есть ли эквивалент для загрузки сайта в iFrame?

E.g. mashable.com может быть загружен в iFrame, тогда как многие социальные сайты, например. Facebook, Twitter и др. Не могут.

Поэтому, когда пользователь пытается загрузить, например, Twitter и ничего не отображается, я хотел бы, чтобы сообщение показывало, что «эта страница не может быть отображена», а затем откройте ссылку на новой вкладке и направьте ее, скажем, через 3 секунды.

Не уверен, что это возможно.

Answer 1

Чтобы проверить, если страница была загружена в IFRAME Вы можете использовать код JavaScript:

if(parent == self) 
{ 
// Page loaded NOT in iframe 
} 
else 
{ 
// Page loaded in iframe 
} 

Он работает в FF и Chrome, в других браузерах я не пробовал.

Answer 2

if(frames){if(top.frames.length>0){ YOUR CODE HERE }}

, если вы хотите удалить родителю:

if(frames){if(top.frames.length>0){top.location.href=self.location;}}

Answer 3

Вы можете обернуть код вокруг:

if($("#iframe1").find('iframe').length > 0) { 
    //Site allowed 
} 
else { 
    //Site blocked. 
} 

Answer 4

Из-за ограничений безопасности, что не представляется возможным с клиентской стороны. Однако у вас есть два альтернативных решения:

• Сделайте вызов с сервера и проверьте заголовки X-Frame-Options.
• В качестве альтернативы вы можете установить тайм-аут и предположить, что страница не может быть загружена, если событие загрузки не будет запущено через некоторое время.

См Catch error if iframe src fails to load . Error :-"Refused to display 'http://www.google.co.in/' in a frame.."

Answer 5

var isInIframe = (window.location != window.parent.location); 

if (isInIframe) { 
    alert("Window is in iframe"); 
    // Do what you want 
    //top.location.href=self.location; 
} else { 
    alert("Window is not in iframe"); 
} 

Answer 6

У меня была такая же проблема, и я использовал AngularJS, я получил это работает, используя метод ниже. Надеюсь, что это помогает ..

1. Установите IFRAME в HTML

   <div ng-if="!iframeError"> 
       <iframe id="iframeID" src="http://www.google.com" height="500px"></iframe> 
   </div> 
   <div ng-if="iframeError">Not Supported</div> 
   

2. Я установить интервал для прослушивания, если IFrame доступен

   var ife = setInterval(function() { 
   if ($("#iframeID")) { 
   $("#iframeID").load(function (ev) { 
       var iframe = $("#iframeID"); 
       var iframeDocument; 
       try { 
       iframeDocument = iframe.contentDocument || iframe.contentWindow.document; 
       } 
       catch (e) { 
       window.open("http://www.google.com"); 
       $scope.iframeError = true; 
       //I opened the url in new page 
       //you can handle it any way you want 
       } 
   }); 
   clearInterval(ife); 
   } 
   }, 200);