一个简单的函数在JavaScript中切换全屏，在Firefox和Webkit浏览器上运行良好。

JavaScript函数

/**
 * Toggle fullscreen function who work with webkit and firefox.
 * @function toggleFullscreen
 * @param {Object} event
 */
function toggleFullscreen(event) {
  var element = document.body;

  if (event instanceof HTMLElement) {
    element = event;
  }

  var isFullscreen = document.webkitIsFullScreen || document.mozFullScreen || false;

  element.requestFullScreen = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || function() {
    return false;
  };
  document.cancelFullScreen = document.cancelFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || function() {
    return false;
  };

  isFullscreen ? document.cancelFullScreen() : element.requestFullScreen();
}

<button onclick="toggleFullscreen();">Full Screen</button>

请注意，为了退出全屏使用javascript -你也必须进入全屏模式使用javascript。如果全屏是基于F11 -它将不可能退出它使用javascript。
原因是，当你使用javascript进入全屏时，你实际上是将文档的特定部分（而不是整个应用程序）移动到全屏，而当你处于应用程序全屏模式时，整个应用程序都处于全屏状态。
如果你在全屏模式下（应用程序模式），你仍然可以看到其他的标签。如果你在文档/元素全屏模式下-没有标签/url/书签栏等。
检查以下代码：

<div id="container">  
  <button id="toggle">Toggle Fullscreen</button>
</div>

====

button.addEventListener("click", function() {
    if (document.fullscreenElement) {
        if (document.exitFullscreen) {
            document.exitFullscreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if (document.webkitCancelFullScreen) {
            document.webkitCancelFullScreen();
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
        }
    } else {
        if (!document.mozFullScreen && !document.webkitFullScreen) {
            if (container.requestFullscreen) {
                container.requestFullscreen();
            }
            else if (container.mozRequestFullScreen) {
                container.mozRequestFullScreen();
            }
            else if (container.webkitRequestFullScreen) {
                container.webkitRequestFullScreen();
            }
            else if (container.msRequestFullscreen) {
                container.msRequestFullscreen();
            }
        }
    }
});

你可以在这里看到一个工作解决方案：https://jsfiddle.net/zpdwL8gt/4/
检查Firefox和Chrome @ MacOS