Programmiererforum

Ich habe ein Dashboard, das alle 5 Sekunden aktualisiert wird, und es wird in einem Fernseher angezeigt. Ich habe eine Vollbildschalttaste mit JavaScript implementiert, aber jedes Mal, wenn die Seite aktualisiert oder die Inhaltsaktualisierungen unter Verwendung von location.reload () oder fetch () ), beendet die Seite den Vollbildmodus. Dies ist problematisch, da ich den Vollbildmodus benötige, um während dieser automatischen Updates aktiv zu bleiben, ohne manuelle Intervention erforderlich zu machen. So aktualisieren Sie den Inhalt dynamisch, ohne die Seite neu zu laden. Hier ist der Code, den ich verwende, um den Vollbildmodus umzuschalten: < /p>

document.getElementById("botao").addEventListener("click", function() {
if (!document.fullscreenElement) {
document.documentElement.requestFullscreen();
localStorage.setItem("fullscreen", "true");
} else {
document.exitFullscreen();
localStorage.setItem("fullscreen", "false");
}
});

// Atualiza a página a cada 5 segundos sem sair do fullscreen
setTimeout(function() {
if (localStorage.getItem("fullscreen") === "true") {
location.reload();
setTimeout(() => {
document.documentElement.requestFullscreen();
}, 500);
} else {
location.reload();
}
}, 5000);

< /code>
Ich habe erwartet, dass der Vollbildmodus nach dem Aktualisieren des Inhalts oder der Seite der Seite aktiv bleibt und den Status auch bei Änderungen in den Inhalten beibehält. Der Vollbildmodus geht jedoch nach jedem Update oder Aktualisieren verloren.