webkitとmozilla全画面モード

Question

これはちょうど最近紹介されたばかりなので、もし私が使ったら、ブラウザがそれをサポートしているかどうかテストするにはどうすればいいですか？

私が次のようなことをすると、ブラウザが機能を提供するかどうかではなく、ブラウザがフルスクリーンモードでテストされていると思いますか？

function FullScreenSupported() { 
    if (document.webkitIsFullScreen) { 
    alert("webkitIsFullScreen is supported");/ 
    } else { 
    alert("webkitIsFullScreen is not supported"); 
    } 
} 

フルスクリーンモードへのMozillaの紹介はUsing fullscreen mode – AutoCompatibilityTable です。

Answer 1

私はhereがModernizrを使ってそれを行う関数を見つけました。

私はそれがあまりにもModernizrせずに動作させるためにコードをリファクタリング：

function FullScreenSupported() { 
    var ancelFullScreen = 'ancelFullScreen'; 

    // FF9 pre-check 
    if(document.mozCancelFullScreen && !document.mozFullScreenEnabled) { 
     return false; 
    } 

    domPrefixes = [ 'moz', 'webkit' ]; 

    var limit = domPrefixes.length; 

    for(var i = 0; i < limit; ++i) { 
     if(document[domPrefixes[i].toLowerCase() + 'C' + ancelFullScreen]) 
      return true; 
    } 

    return !!document['c' + ancelFullScreen] || false; 
}; 

私は、Firefox 19、クロム25、Safariの5、IE8でそれをテストしてみたし、動作しているようです:)