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

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 and resize？

Answer 1

跨浏览器方式

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

});