全屏不工作在iPhone 6S和5S

我得到了与iPhone 6S和5S全屏模式下的问题 - 它不会在Chrome和Safari别人我不知道的工作。我没有任何苹果设备，所以我甚至不能自己复制它 - 这是我的一位客户报告的。我已经在VMWare上安装了Mac OS Siera，并使用Safari测试了我的项目 - 一切正常。现在我要安装的XCode，但我的互联网是弱所以这将是很漫长的过程...... 要使用全屏工作，我用这样的东西：全屏不工作在iPhone 6S和5S

/** @namespace */ 
const THREEx  = THREEx  || {}; 
THREEx.FullScreen = THREEx.FullScreen || {}; 

export default THREEx.FullScreen; 

/** 
* test if it is possible to have fullscreen 
* 
* @returns {Boolean} true if fullscreen API is available, false otherwise 
*/ 
THREEx.FullScreen.available = function() 
{ 
    return this._hasWebkitFullScreen || this._hasMozFullScreen; 
} 

/** 
* test if fullscreen is currently activated 
* 
* @returns {Boolean} true if fullscreen is currently activated, false otherwise 
*/ 
THREEx.FullScreen.activated = function() 
{ 
    if(this._hasWebkitFullScreen){ 
     return document.webkitIsFullScreen; 
    }else if(this._hasMozFullScreen){ 
     return document.mozFullScreen; 
    }else{ 
     console.assert(false); 
    } 
} 


THREEx.FullScreen.addEventListener = function(element, handler) { 
    if (element.addEventListener) { 
     element.addEventListener('webkitfullscreenchange', handler, false); 
     element.addEventListener('mozfullscreenchange', handler, false); 
     element.addEventListener('fullscreenchange', handler, false); 
     element.addEventListener('MSFullscreenChange', handler, false); 
    } 
} 

THREEx.FullScreen.removeEventListener = function(element, handler) { 
    if (element.removeEventListener) { 
     element.removeEventListener('webkitfullscreenchange', handler, false); 
     element.removeEventListener('mozfullscreenchange', handler, false); 
     element.removeEventListener('fullscreenchange', handler, false); 
     element.removeEventListener('MSFullscreenChange', handler, false); 
    } 
} 


function exitHandler() 
{ 
    if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) 
    { 
     /* Run code on exit */ 
    } 
} 

/** 
* Request fullscreen on a given element 
* @param {DomElement} element to make fullscreen. optional. default to document.body 
*/ 
THREEx.FullScreen.request = function(element) 
{ 
    element = element || document.body; 
    if(this._hasWebkitFullScreen){ 
     element.webkitRequestFullScreen(); 
    }else if(this._hasMozFullScreen){ 
     element.mozRequestFullScreen(); 
    }else{ 
     console.assert(false); 
    } 
} 

/** 
* Cancel fullscreen 
*/ 
THREEx.FullScreen.cancel = function() 
{ 
    if(this._hasWebkitFullScreen){ 
     document.webkitCancelFullScreen(); 
    }else if(this._hasMozFullScreen){ 
     document.mozCancelFullScreen(); 
    }else{ 
     console.assert(false); 
    } 
} 

THREEx.FullScreen._hasWebkitFullScreen = 'webkitCancelFullScreen' in document ? true : false; 
THREEx.FullScreen._hasMozFullScreen = 'mozCancelFullScreen' in document ? true : false;

最令人困惑的事情是，它运作良好使用我的设备Huawei Honor 6（Android 4.4.2，Chrome和Firefox）和Chrome开发工具仿真。那么问题在哪里？ iOS版？为什么它使用Android Chrome并且不适用于iOS Chrome？

如果有人想看到所有的项目或有iPhone并可以测试它 - 去http://3dflipbook.net，有jQuery或WordPress插件演示。任何细节我都会很愉快。

提前致谢！

来源

2017-04-07 Ivan Berezanskiy

我已经在XCode iPhone 6S模拟器中重现了Safari的问题，所以问题确实存在。 –

看来我发现我的问题的答案：iOS的Safari浏览器不支持全屏API http://caniuse.com/#feat=fullscreen。 iOS Chrome比Chrome本身更多iOS Safari http://www.mobilexweb.com/blog/chrome-ios-android-4-1-jelly-bean-html5。

来源

2017-04-07 12:29:34

全屏不工作在iPhone 6S和5S

回答

相关问题