2017-07-29 12 views
-1

私はIframeの用途で制約を見つけようとしています。ライン以下Iframeはメジャーサイトで何も表示していません

はうまく働いたと私は、iframe内のコンテンツを表示することができます

<iframe src="https://www.w3schools.com/" height="500" width="500"></iframe> 

<iframe src="https://www.w3.org/" height="500" width="500"></iframe> 

しかし、これらの行は動作しません:

<iframe src="https://www.microsoft.com/en-gb/" height="500" width="500"></iframe> 

<iframe src="https://www.google.com/" height="500" width="500"></iframe> 

iframeでサポートすることのできるウェブサイトを判断するためにどのようにしてそれはありませんでしたか? iframeに表示せずに見つけ出す方法はありますか?ユーザーがURLと入力すると、そのメッセージにweb site is not supported in iframeというメッセージが表示されます。

+0

が重複する可能性を示すからのiframeを妨げるエラーを示す画像です[iframe内にgoogle.comを表示するには?](https://stackoverflow.com/questions/8700636/how 〜to-show-google-com-in-an-iframe) – Ridderhoff

+0

私の質問は少し異なります。私は自分のページに特定のサイトを表示するかどうかを調べる方法を見つけようとしています。 – MKR

答えて

1

多くのウェブサイトでは、「X-Frame-Options:SAMEORIGIN」というレスポンスヘッダーが送信されるため、iframeに表示できません。このオプションを使用すると、親ページと同じドメインにホストされていないiframeがブラウザに表示されなくなります。これは、クリックジャッキを防止するためのセキュリティ機能です。 see more

私自身のテストをした後、w3schoolのtryit.aspエディタ内でテストしていると仮定しています。そのため、w3schoolsは機能していましたが、他のものは動作しませんでした。

また、w3.orgは "x-frame-options:SAMEORIGIN"を送信しないため、他のドメインからは動作します。

は、ここでの here's an image showing the error which prevents the iframe from showing

+0

はい、私はw3schoolのtryitを使っていました。しかし、それは同じtryitページからhttps://www.w3.org/とhttps://therunningbug.com/でも働いていました。 – MKR

+1

は私の答えを編集しました、w3.orgはsameoriginヘッダーを送信しません、そして、私はtherunningbug.comを推測しています。 – Ridderhoff

+0

'X-Frame-Options'を' sameorigin'に設定したサイトを見つける方法はありますか? – MKR

関連する問題