iPhone / iOS 6 / Mobile Safari：有没有办法检测“在浏览器全屏”模式？ Android兼容性？

Question

我想知道如何检测用户是否在Safari中使用“全屏功能”。我不是说它是从跳板开始的，我的意思是iOS 6中添加的功能。

实际上，这里有一个类似的问题，其中发布了此代码：

$(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(){

});