如何检测浏览器支持requestFullscreen

Question

如何检测浏览器是否支持requestFullscreen？

我有下面的代码，使铬，Safari浏览器，火狐和歌剧（不完全工作），使文档全屏，但我想检测浏览器支持或不支持requestFullscreen。我该怎么办？

$('.button-fullscreen').click(function(){ 

    var docElm = document.documentElement; 

    // W3C Proposal 
    if (docElm.requestFullscreen) { 
     docElm.requestFullscreen(); 
    } 

    // mozilla proposal 
    else if (docElm.mozRequestFullScreen) { 
     docElm.mozRequestFullScreen();   
    } 

    // Webkit (works in Safari and Chrome Canary) 
    else if (docElm.webkitRequestFullScreen) { 
     docElm.webkitRequestFullScreen(); 
    } 

    return false; 
}); 

$('.button-sound').click(function(){    

    // W3C Proposal 
    if (document.exitFullscreen) { 
     document.exitFullscreen(); 
    } 

    // mozilla proposal 
    else if (document.mozCancelFullScreen) { 
     document.mozCancelFullScreen(); 
    } 

    // Webkit (works in Safari and Chrome Canary) 
    else if (document.webkitCancelFullScreen) { 
     document.webkitCancelFullScreen(); 
    } 

    return false; 
}); 

Answer 1

使用Modernizr的框架，以避免对于n供应商前缀测试...

Modernizr.prefixed('requestFullscreen', document.documentElement) 

Answer 2

当你把if (docElm.requestFullscreen)，你是检测浏览器是否支持这种方法，因为如果requestFullscreen是docElm对象上定义，它将返回true。