IOS10フルスクリーンサファリJavascript

Question

ユーザーがウェブサイトのボタンをクリックすると、divを全画面表示にしようとしています。

IOS上のSafariを除いて、すべてのブラウザが動作するように思われるだけです。

フルスクリーンにするためには、私は何が必要ですか？私は研究を試みたが、何も見つけることができなかった。

HERESに私の現在のコード：

<script type="text/javascript"> 
function goFullscreen(id) { 
    var element = document.getElementById(id); 

    var isInFullScreen = (document.fullscreenElement && document.fullscreenElement !== null) || 
     (document.webkitFullscreenElement && document.webkitFullscreenElement !== null) || 
     (document.mozFullScreenElement && document.mozFullScreenElement !== null) || 
     (document.msFullscreenElement && document.msFullscreenElement !== null); 

    var docElm = document.documentElement; 
    if (!isInFullScreen) { 
     if (element.requestFullscreen) { 
      element.requestFullscreen(); 
     } else if (element.mozRequestFullScreen) { 
      element.mozRequestFullScreen(); 
     } else if (element.webkitRequestFullScreen) { 
      element.webkitRequestFullScreen(); 
     } else if (element.msRequestFullscreen) { 
      element.msRequestFullscreen(); 
     } 
    } else { 
     if (document.exitFullscreen) { 
      document.exitFullscreen(); 
     } else if (document.webkitExitFullscreen) { 
      document.webkitExitFullscreen(); 
     } else if (document.mozCancelFullScreen) { 
      document.mozCancelFullScreen(); 
     } else if (document.msExitFullscreen) { 
      document.msExitFullscreen(); 
     } 
    } 
} 
</script> 

Answer 1

に多くの記事で述べたように、SafariとChromeでIOS> = 10の全画面表示に切り替える方法はありません。フルスクリーンAPIがサポートされていないので、それはです：あなたが風景に切り替える場合

• ：2つの可能なトリックを持っている
  Full screen api HTML5 and Safari (iOS 6)

• Can I Use Full Screen API
• open webpage in fullscreen in Safari on iOS
• 。しかし、あなたは彼を強制することはできませんし、iOS Chromeはこれを行うことができません（Prevent orientation change in iOS Safari）。
• WebアプリケーションでWebページをエクスポートして、メタボリゼーションを正しく設定している場合（Optimizing Full Screen Mobile Web App for iOS）、