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

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

<html>
  <iframe src="frame.html"></frame>
</html>

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

1 件の回答 1

4

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

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

ChromeのDeveloper tools

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

1

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。