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

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

});