Iphone 6sと5sでフルスクリーンが動作しない

Question

Iphone 6sと5sでFullScreenモードに問題があります。他の人についてはChromeやSafariでは動作しません。私は自分でそれを再現することはできませんので、私はリンゴのデバイスを持っていない - それは私の顧客のいずれかによって報告された。私は既にVMWareにMac OS Sieraをインストールしており、Safariでプロジェクトをテストしました。すべてうまくいきます。今私は、このようなものを使用して全画面表示で作業するには ...私はXCodeのをインストールするつもりですが、それは非常に長いプロセスになりますので、私のインターネットは弱いです：

/** @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。