Iphone 6s 및 5s에서 전체 화면이 작동하지 않습니다.

Question

Iphone 6s 및 5s에서 FullScreen 모드에 문제가 있습니다. 다른 사람에 대해서는 Chrome 및 Safari에서 작동하지 않습니다. 잘 모르겠습니다. 나는 사과 장비가 없어서 스스로 혼자서 재현 할 수 없다. 나의 고객 중 한 사람이보고했다. 이미 VMWare에 Mac OS Siera를 설치하고 사파리로 프로젝트를 테스트했습니다. 모든 것이 정상입니다.

/** @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 플러그인 데모가 있습니다. 나는 어떤 세부 사항든지를 위해 유괘 할 것이다.

미리 감사드립니다.

Answer 1

내 질문에 대한 답변을 찾은 것 같습니다. 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.