ALLOW_KEYBOARD_INPUTの代わりにjavacriptのフルスクリーン

Question

私はフルスクリーンのjavascriptがSafariでは動作しませんが、WebkitブラウザのChromeで動作する理由をインターネットで検索しています。サファリはwebkitRequestFullScreenのアドオンをelement.ALLOW_KEYBOARD_INPUTでサポートしていないようです。

function cancelFullScreen(el) { 
    var requestMethod = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullscreen; 
    if (requestMethod) { // cancel full screen. 
     requestMethod.call(el); 
    } else if (typeof window.ActiveXObject !== "undefined") { // Older IE. 
     var wscript = new ActiveXObject("WScript.Shell"); 
     if (wscript !== null) { 
      wscript.SendKeys("{F11}"); 
     } 
    } 
} 

function requestFullScreen(el) { 
    // Supports most browsers and their versions. 
    var requestMethod = el.requestFullScreen || el.webkitRequestFullScreen(el.ALLOW_KEYBOARD_INPUT) || el.mozRequestFullScreen || el.msRequestFullScreen; 

    if (requestMethod) { // Native full screen. 
     requestMethod.call(el); 
    } else if (typeof window.ActiveXObject !== "undefined") { // Older IE. 
     var wscript = new ActiveXObject("WScript.Shell"); 
     if (wscript !== null) { 
      wscript.SendKeys("{F11}"); 
     } 
    } 
    return false 
} 

function toggleFull() { 
    var elem = document.body; // Make the body go full screen. 
    var isInFullScreen = (document.fullScreenElement && document.fullScreenElement !== null) || (document.mozFullScreen || document.webkitIsFullScreen); 

    if (isInFullScreen) { 
     cancelFullScreen(document); 
    } else { 
     requestFullScreen(elem); 
    } 
    return false; 
} 

誰でもサファリをフルスクリーンで受け付けることができ、まだキーボード入力を処理できる方法を知っていますか？

Answer 1

Appleのdocumentationによると、これはSafari 5.1以降で動作するはずですが、明らかにそうではありません。私は（彼らは公共のことはありません）Appleとバグレポートを提出し、次のように答えだった：

以下に基づいて意図したとおりエンジニアリングは、この問題が動作することを決定しました： 我々が意図的にキーボードアクセスを無効にしますセキュリティ上の理由からフルスクリーンで表示されます。

私は少なくともドキュメントを更新し、何らかの形で検出可能な機能サポートがないことを尋ねてきました。私が返事を受け取ったらここで更新します。

残念ながら、element.ALLOW_KEYBOARD_INPUTがSafariで定義されており、そのフラグを使用した関数呼び出しでエラーが発生しないため、機能検出を行う方法はありません。残りの唯一のオプションは、ユーザーエージェント文字列を解析することです（試してthis library）。

明らかに、Appleはどのバージョンがこれをサポートしているのかはまだ分かりませんが、thisによれば、v5.1.2からは動作しなくなりました。そうすれば、まったく動作していても5.1を使用している人の数は非常に少なくなります。おそらくバージョンを検出する価値はないでしょう。

フォールバックとして、CSSの高さと幅を100％に設定し、位置を「固定」または「絶対」に設定して、ブラウザウィンドウを埋めるために必要なDOM要素を展開します。

更新：ドキュメントは修正されており、もうALLOW_KEYBOARD_INPUTフラグは記載されていないようです。

Answer 2

これはSafari 10.1で修正されました！

「Safariブラウザの動作」セクションの下にあります。