
[code]

    <p><a href="https://www.google.co.jp/">Google.co.jp</a></p>
    
[/code]

上のようなHTMLファイル `frame.html` が有ったとして、これを下記のHTMLで読み込みました。

[code]

    <html>
      <iframe src="frame.html"></frame>
    </html>
    
[/code]

するとリンクは表示されるのですが、クリックするとブランクの真っ白な状態になってしまいます。  
どうすれば回避可能でしょうか？


CC BY-SA 3.0
2017-10-31T00:58:06.583
39161
2017-10-31T01:56:42.817
25986
question
html html5
iframe 内でのリンク移動


ページが真っ白に表示される理由は、google.co.jpをフレーム内に表示しようとしているせいです。  
google.co.jpのページにはX-Frame-
OptionsヘッダにSAMEORIGINが設定されており、別ドメインからはフレーム内で表示することはできません。  
そのために、真っ白に表示され、回避することは難しいでしょう。  
X-Frame-Optionsヘッダに対応していないブラウザでは表示することはできると思いますが、最近のブラウザはほとんど対応済みだと思います。

X-Frame-OptionsヘッダはChromeのDeveloper toolsの以下の場所から確認することができます。

[![ChromeのDeveloper
tools](https://i.stack.imgur.com/N7o57.png)](https://i.stack.imgur.com/N7o57.png)

X-Frame-Optionsヘッダについては以下のURLを参考にしてください。  
<https://developer.mozilla.org/ja/docs/Web/HTTP/X-Frame-Options>


CC BY-SA 3.0
2017-10-31T01:16:57.223
39162
2017-10-31T01:22:24.640
2017-10-31T01:22:24.640
17014
17014
39161
answer