JFrame MobileのiFrameが表示されない

私はJQuery Mobileページにiframeを追加しました:

それへのリンク:

Got to iFrame Page

<!--test iframe page-->

<div data-role="page" id="testit">

    <div data-role="header">
        

Page Title

    </div><!-- /header -->

    <div data-role="content">   
        <iframe src="http://www.google.com" width="100%" height="100%">
            
Your browser does not support iframes. </iframe> </div><!-- /content --> <div data-role="footer">

Page Footer

    </div><!-- /footer -->
</div><!-- /page -->

<!--end test iframe-->

問題は、ページのヘッダーとフッターだけを取得することです...
iFrameのコンテンツがまったく表示されません。

ベストアンサー

http://www.google.com/
ではなく、別のURLを使用しないでください。分かりませんあなたが本当に参考にしたいところ?

srchttp://www.msn.com に変更すると動作します完璧に細かい

これはX-Frame-Optionsと関係があります。 Google
Chromeでは、次のメッセージが表示されます。X-Frame-Optionsによって表示が禁止されているため、ドキュメントの表示を拒否されました。

You can manipulate this by setting the HTTP header
X-Frame-Options. See also:
Overcoming “Display forbidden by X-Frame-Options”

ほとんどの場合GoogleはDENYまたはSAMEORIGINを送信し、それが動作していない理由を示します
編集:Fiddlerでチェックし、Googleには次のヘッダーがあります:

HTTP/1.1 200 OK
Date: Mon, 14 Nov 2011 20:25:29 GMT
Expires: -1
Cache-Control: private, max-age=0
Content-Type: text/html; charset=UTF-8
Content-Encoding: gzip
Server: gws
Content-Length: 18112
X-XSS-Protection: 1; mode=block
X-Frame-Options: SAMEORIGIN

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です