iPhone / iOS 6 / Mobile Safari：有沒有辦法檢測“瀏覽器全屏”模式？ Android兼容性？

Question

我想知道如何檢測用戶是否在Safari中使用“全屏功能”。 我的意思不是說它是從跳板開始的，而是我在iOS 6中添加的功能。

實際上，SO上有一個類似的問題，此代碼已發布在哪里：

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

但是它的問題是，當方向改變時也會觸發它。 另外，我不確定使用硬編碼值（尤其是“ 300”）是否是個好主意？ 有沒有更好的方法來檢測“以瀏覽器全屏顯示”模式？

編輯：好的，所以我剛剛檢查：在iPhone上更改方向時，會觸發onorientationchange 和 resize事件。 將Safari更改為全屏模式也會觸發resize -因此我可以將函數掛接到該事件。 但是Android設備如何，它們也會觸發resize嗎？ 還是最好只將函數綁定到onorientationchange 和 resize ？

Answer 1

跨瀏覽器方式

$(document,window).on('resize orientationchange webkitfullscreenchange mozfullscreenchange fullscreenchange',  function(){

});