質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

66139閲覧

iframeの内容がgoogle chromeで表示されない。

KensukeNakata

総合スコア7

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2016/08/05 13:46

編集2016/08/07 01:51

###前提・実現したいこと
私は以下のブログ管理者です
http://kennygorou931.blog84.fc2.com/blog-entry-767.html

上記のページで、iframeを使用して複数のサイトの内容を表示したいのです。

###発生している問題・エラーメッセージ
google chrome(ver51)で表示したところ、最初のサイトは表示されるのですが、2つめ以降のサイトの内容が全く表示されません。
ブログ側でどのような対応策があるでしょうか

###該当のソースコード
HTMLです。

<maneo> <iframe src="https://www.maneo.jp/apl/fund/list?page=1" name="sample" width="600" height="400" scrolling="yes"> この部分はインラインフレームを使用しています。 </iframe> (※maneoより個別に許諾を得て表示しています。) <LCレンディング> <iframe src="https://www.lclending.jp/apl/fund/list?page=1" name="sample2" width="600" height="400" scrolling="yes"> この部分はインラインフレームを使用しています。 </iframe> <ガイアファンディング> <iframe src="https://www.gaiafunding.jp/apl/fund/list?listview=t" name="sample3" width="600" height="400" scrolling="yes"> この部分はインラインフレームを使用しています。 </iframe> <クラウドリース> <iframe src="https://www.crowdlease.jp/" name="sample4" width="600" height="400" scrolling="yes"> この部分はインラインフレームを使用しています。 </iframe> <スマートレンド> <iframe src="https://www.smartlend.jp/fund/list" name="sample5" width="600" height="400" scrolling="yes"> この部分はインラインフレームを使用しています。 </iframe> <アメリカンファンディング> <iframe src="https://www.americanfunding.jp/fund/list" name="sample3" width="600" height="400" scrolling="yes"> この部分はインラインフレームを使用しています。 </iframe>

###試したこと
なお、Internet Explorer では表示されました。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2016/08/05 15:31

コードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。
kei344

2016/08/06 03:15

・・・ではなく ```(バッククオート3つ)です。記入エリアの右部分あたりにリアルタイムに結果が表示されていると思うので、そこを見ながら調整してください。
guest

回答2

0

ChromeのDeveloperツールでNetworkを見ればわかると思いますが、
対象ページで <meta http-equiv="X-FRAME-OPTIONS" content="SAMEORIGIN"> が設定されているためです。

要するに参照先サイトは別サイトがフレームで表示することを許可していません。

投稿2016/08/05 13:54

flied_onion

総合スコア2604

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ベストアンサー

Chrome52では表示されますね。

https://developers.google.com/web/updates/2016/06/chrome-52-deprecations
Remove support for X-Frame-Options intags

追記---

meta タグだと html の meta タグあるところまで見てからページを表示しないとわかるので、もっと効率がいい http レスポンスのヘッダで X-Frame-Options を判定するようにするようです。

なので、 Chrome の最新版では表示はされますが、それらのサイトは meta タグで同一サイトないからしか見れないように制限かけているわけなので、将来的には新しい Chrome 用の制限を設定すると思います。
なので、表示できないと考えたほうがいいと思います。

IEは更新されないので、比較的新しいこの制限には非対応だから表示されるのだと思います。

投稿2016/08/05 14:07

編集2016/08/05 14:21
lazex

総合スコア604

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

KensukeNakata

2016/08/07 01:54

lazexさん、flied_onionさん、ありがとうございました。 了解いたしました。 またよろしくお願いいたします。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問