iOS6 Safari全画面検出

Question

iOS6でSafariの新しいフルスクリーン機能を使用したいと考えています。今私はjavascriptから全画面機能を起動することは不可能であることを知っています。それは大丈夫ですが、ユーザーがフルスクリーンモードになったときを知りたいと思います。 （ユーザーが全画面表示になるまで「このウェブサイトはフルスクリーンモードで表示するのが最も良い」というテキストを表示するには） cssでは100％に設定されています。）onresizeイベント（通常のjavascriptとjQueryの 'resize'イベント経由）ですが、フルスクリーンモードにするとトリガーされません。

また、画面/ドキュメント/ラッパーの幅と高さの変更を確認する間隔を設定しましたが、変更内容は表示されませんでした。

ユーザーがフルスクリーンモードを入力（または左）したかどうかを判断する他の方法はありますか？

Answer 1

これは以前にはうまくいかなかった理由は分かっていませんが、新しいサファリiOSデバッグコンソール（これは現在、Macでトラフサファリを実行する必要があります）が原因ですすべてのログをコンソールに送信しました。

しかし、私はメッセージをHTMLドキュメントの本体に追加したばかりで、イベントは正常に機能しています。 jQueryの 'resize'イベントをウィンドウにバインドするのが最善の選択肢です。それは最も簡単な解決策だけで動作するようです320

だ約200ない時は全画面表示のとき、フルスクリーン

文書の高さは何かです。 （iPhoneを横向きモード（http://ajaxian.com/archives/iphone-windowonorientationchange-code）にしているかどうかを検出するために、方向変更機能と組み合わせるだけです）。

$(window).on('resize', function(){ 
     if ($(this).height() > 300 && 
      (window.orientation == 90 || window.orientation == -90)) { 
      // Full screen! 
     } else { 
      // Exit full screen! 
     } 
    });