2017-12-03 7 views
2

iframeにページを読み込むhtmlがあります。これは、例えば、このページで正常に動作します:このようなしかしこのページがiframeに読み込まれないのはなぜですか?

https://seandavi.github.io/

、ページ:空のiframe内

https://twitter.com/seandavis12/

結果。私は、これは、JavaScriptが使用して部品でレンダリングされているTwitterからのページと関係があると思われますが、ページをiframeに表示する方法を確認する方法がわかりません。助言がありますか?私がテストしている

環境:クローム&サファリのMac OS上の

最小例:

<html> 
 
    <body> 
 
    <iframe src="https://seandavi.github.io"></iframe> 
 
    <iframe src="https://twitter.com/seandavis12/"></iframe> 
 
    </body> 
 
</html>

+1

私たちは問題を再現しようとすることができますので、私たちはあなたのコードを示して –

答えて

4

あなたはiframe内にツイッターを埋め込むことができなくなります - 彼らが持っていますHTTP headersがブラウザに表示され、iframeのコンテンツが表示されなくなります。

ブラウザのコンソールを開く場合は、それがブロックされて見ることができるようになります:

enter image description here

ツイッターをただし、あなたがページ上の特定のつぶやきを埋め込むことができるようになりますが、あなたは彼らのガイドに従わなければなりませんどのようにこれを行うには:https://dev.twitter.com/web/embedded-tweets

+1

ありがとう。私のための一般的な道はコンソールを見ることでした。他のウェブサイトには他の原因があります(たとえば、「X-Frame-Options」を「sameorigin」に設定したため、「https://support.bioconductor.org/」をフレームに表示することが拒否されました)。 – seandavi

関連する問題