iPhone/iOS 6/Mobile Safari:有没有办法检测浏览器全屏"模式?Android兼容

iPhone/iOS 6/Mobile Safari: Is there a way to detect "in browser fullscreen" mode? Android compatibility?

本文关键字：quot 模式 兼容 Android 浏览器 检测 Mobile iOS Safari 有没有 iPhone      更新时间：2023-09-26

我想知道如何检测用户是否在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 ?

跨浏览器方法 

$(document,window).on('resize orientationchange webkitfullscreenchange mozfullscreenchange fullscreenchange',  function(){
});
相关文章：