如何检测浏览器支持requestFullscreen

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

我在下面有这些代码来制作chrome，safari，firefox和opera（不完全正常）以使文档全屏，但我想检测浏览器是否支持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) ，你正在检测浏览器是否支持该方法，因为如果在docElm对象上定义了requestFullscreen ，它将返回true。