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，Chrome 25，Safari 5，IE8进行了测试，它似乎可以工作：）

webkit和mozilla全屏模式

1 个答案: