HTML | DOM fullscreenEnabled() 方法

HTML DOM 中的 fullscreenEnabled() 方法用于检查文档是否可以在全屏模式下查看。它返回一个只读的布尔值。此方法可能需要特定的前缀才能与不同的浏览器配合使用。

句法：

document.fullscreenEnabled()

参数：此方法不接受任何参数。

返回值：它返回布尔值：

• True：如果可以在全屏模式下查看文档。
• False：如果无法在全屏模式下查看文档。

示例 1：

    
        
            HTML DOM fullscreenEnabled() method
        
          
        
        
            function requestFullScreen() {
                let isFullscreenSupported =
                  
                    /* Standard syntax */
                    (document.fullscreenEnabled || 
                      
                    /* Chrome, Safari and Opera */
                    document.webkitFullscreenEnabled ||
                      
                     /* Firefox */
                    document.mozFullScreenEnabled ||
                      
                    /* IE/Edge */
                    document.msFullscreenEnabled);
      
                document.querySelector('.isSupported').innerHTML 
                        = isFullscreenSupported;
            }
        
    
      
    
        
            GeeksforGeeks
        
          
        
            fullscreenEnabled() method
        
          
        
        
            Check fullscreen supported
        
          
        Fullscreen support:
          
        
          
    
                                

输出：
点击按钮前：

点击按钮后：

示例 2：

    
        
            HTML DOM fullscreenEnabled() method
        
          
        
        
            function goFullScreen() {
                if (
                      
                    /* Standard syntax */
                    document.fullscreenEnabled || 
                      
                    /* Chrome, Safari and Opera */
                    document.webkitFullscreenEnabled || 
                      
                    /* Firefox */
                    document.mozFullScreenEnabled ||
                      
                    /* IE/Edge */
                    document.msFullscreenEnabled 
                ) {
                    elem = document.querySelector('#image');
                    elem.requestFullscreen();
                }
                else {
                    console.log('Fullscreen not enabled')
                }
            }
        
    
      
    
        GeeksforGeeks
          
        
            HTML DOM fullscreenEnabled() method
        
          
        
        
          
        
            Fullscreen
        
          
    
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： fullscreenEnabled()方法支持的浏览器如下：

• 谷歌浏览器 45.0 -webkit-
• 火狐 47.0 -moz-
• Internet Explorer 11.0 -ms-
• 苹果 Safari 5.1 -webkit-
• Opera 15.0 -webkit-