如何通过代码在Web浏览器中实现真正的全屏心情(f11)​​?

时间:2015-05-10 16:56:56

标签: fullscreen

如何让浏览器通过代码切换到全屏模式(f11)​​?

我用Google搜索并找到了各种JS结果,用于将网络浏览器切换到全屏模式。各种代码都可以工作,我可以全屏显示并可以退出,但是,当我在全屏模式下刷新页面或点击页面上的任何链接时,它会切换回窗口模式。

似乎某种浏览器存在限制。

下面的代码在某种程度上有效,但我找不到解决此问题的代码。是否可以通过代码全屏显示,即使我点击链接也会全屏显示?

function toggleFullScreen(elem) {
          // ## The below if statement seems to work better ## if ((document.fullScreenElement && document.fullScreenElement !== null) || (document.msfullscreenElement && document.msfullscreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) {
          if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) {
              if (elem.requestFullScreen) {
                  elem.requestFullScreen();
              } else if (elem.mozRequestFullScreen) {
                  elem.mozRequestFullScreen();
              } else if (elem.webkitRequestFullScreen) {
                  elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
              } else if (elem.msRequestFullscreen) {
                  elem.msRequestFullscreen();
              }
          } else {
              if (document.cancelFullScreen) {
                  document.cancelFullScreen();
              } else if (document.mozCancelFullScreen) {
                  document.mozCancelFullScreen();
              } else if (document.webkitCancelFullScreen) {
                  document.webkitCancelFullScreen();
              } else if (document.msExitFullscreen) {
                  document.msExitFullscreen();
              }
          }
      }

0 个答案:

没有答案