5

iOS6で新しくなったSafariのフルスクリーン機能を活用したい。これで、javascript からフルスクリーン機能をトリガーすることはできないことがわかりました。それで問題ありませんが、ユーザーがいつフルスクリーン モードになるかを知りたいです。(ユーザーが全画面表示になるまで、「この Web サイトは全画面モードで表示するのが最適です」というテキストを含むポップアップを表示するには。)

ウィンドウ、ドキュメント、および「ラッパー」div (CSS で幅と高さを 100% に設定) を onresize イベント (通常の JavaScript および jQuery の「サイズ変更」イベントを介して) に設定しようとしましたが、それらはトリガーされません。フルスクリーンモードにします。

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

ユーザーが全画面表示モードに入った (または出た) かどうかを判断する他の方法はありますか?

4

1 に答える 1

0

わかりました、以前は機能しなかった理由はよくわかりませんが、送信したすべてのログが常に表示されるとは限らなかったので、新しい Safari ios デバッグ コンソール (Mac で Safari を使用するために必要になりました) のせいだと思います。コンソールに。

ただし、メッセージをhtmlドキュメント自体の本文に追加しただけでは、イベントは機能していました。jQuery の「サイズ変更」イベントをウィンドウにバインドするのが最良の選択肢のようです。

ドキュメントの高さは、全画面表示でない場合は約 200 で、全画面表示の場合は 320 です。

最も簡単な解決策はうまくいくようです。（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!
        }
    });
于 2013-02-16T14:45:26.810 に答える