在 javascript 中刷新时保持全屏模式

Question

<script>
GoFullscreen();
location.reload(); // Browser automatically goes out of fullscreen on this
</script>

如果我在网页中使用此代码，它将进入全屏，刷新，并且浏览器将由于刷新而自动退出全屏。我需要代码进入全屏并刷新，而不退出全屏模式。

<script>
GoFullscreen();
RefreshPage(); // Refreshes the page without going out of fullscreen
</script>

沿着这些思路

如果您想知道我为什么要像这样刷新页面，这是对我的其他问题here的解决方案，除非我在那里得到答案。如果有人知道如何在画布上重新加载数据处理源，那么我就不需要这个了。否则，刷新整个页面是我知道重新加载数据处理源的唯一方法。

Answer 1

您可以将内容放入 100% 宽 x 100% 高的 iframe 中。然后让 iframe 自行刷新。 包含 iframe 的页面可以设置为全屏，然后 iframe 刷新不会导致父页面失去全屏模式。

关于通过 JS 全屏的一些有用信息： 如何用Javascript使窗口全屏（拉伸到整个屏幕）

Answer 2

<script>
    const fullscreenButton =
        document.getElementById('fullscreenButton');

    fullscreenButton.addEventListener('click', toggleFullscreen);

    function toggleFullscreen() {
        if (!document.fullscreenElement &&
            !document.mozFullScreenElement &&
            !document.webkitFullscreenElement &&
            !document.msFullscreenElement) {
            if (document.documentElement.requestFullscreen) {
                document.documentElement.requestFullscreen();
            } else if (document.documentElement.mozRequestFullScreen) {
                document.documentElement.mozRequestFullScreen();
            } else if (document.documentElement.webkitRequestFullscreen) {
                document.documentElement.webkitRequestFullscreen();
            } else if (document.documentElement.msRequestFullscreen) {
                document.documentElement.msRequestFullscreen();
            }
            //fullscreenButton.textContent = 'Exit';
        } else {
            if (document.exitFullscreen) {
                document.exitFullscreen();
            } else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            } else if (document.webkitExitFullscreen) {
                document.webkitExitFullscreen();
            } else if (document.msExitFullscreen) {
                document.msExitFullscreen();
            }
            //fullscreenButton.textContent = 'Enter';
        }
    }

Answer 3

您的问题对于您遇到的问题不是很详细/描述性很强，因此很难给出一个好的答案。不过，我从中得出的结论是，听起来您应该使用 AJAX 发出异步 http 请求，以便只从服务器请求您需要的信息，而不是再次请求整个文档。您说当您处于全屏状态时，您需要刷新同一页面上的一些信息，对吧？

您熟悉发出 AJAX 请求吗？如果没有被警告……学习曲线会很陡。 JQuery 稍微简化了它（API 文档），但我认为以普通的 JS 方式学习它是很好的（Mozilla Dev Network 文档）

希望这对您有帮助。