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

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

实际上，在这个代码发布的地方也有类似的问题：

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