[解決済み] google.comをiframeで表示するには?
2022-06-06 17:55:36
質問
google.com を自分のウェブサイト上の iframe に表示させようとしています。 しかし、それはちょうど空のiframeを表示するように、Googleで動作しません。 なぜレンダリングされないのでしょうか? それを行うには何かトリックがありますか?
このようにiframeでサイトを表示させるという普通の方法で試してみました。
<iframe name="I1" id="if1" width="100%"
height="254" style="visibility:visible"
src="http://www.google.com"></iframe>
google.comのページがiframeでレンダリングされず、空白のままです。 どうなっているのでしょうか?
どのように解決するのですか?
この原因は、Google が "X-Frame-Options.SAMEORIGIN" レスポンスヘッダを送信しているためです。SAMEORIGIN" レスポンス ヘッダーを送信しているからです。このオプションは、親ページと同じドメインでホストされていない iFrame がブラウザに表示されるのを防ぎます。
参照してください。 Mozilla Developer Network - X-Frame-Options レスポンスヘッダ
関連
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] HTMLで表示される上下の三角形(軸のない矢印)に使用できる文字は何ですか?
-
[解決済み] mailto:を使ってメールの件名や内容を設定することはできますか?
-
[解決済み] Zalgoテキストはどのように機能しますか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 横型リストアイテム
-
[解決済み] HTMLとCSSによるテーブルスクロール [重複]について
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] HTMLにPDFを埋め込むおすすめの方法とは?
-
[解決済み] クリアフィックスとは何ですか?
-
[解決済み] div内の要素を縦に並べるにはどうしたらいいですか?
-
[解決済み] Flexbox:水平方向と垂直方向の中央揃え
-
[解決済み] HTMLのレイアウトにテーブルを使用しない理由は?[クローズド]
-
[解決済み] CSSでdivを縦にスクロールできるようにする
-
[解決済み] HTML5でminlengthの検証属性はありますか?