Maintain fullscreen mode while refreshing in javascript

Question

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

If I use this code in a web page it will go fullscreen, refresh, and the browser will automatically go out of fullscreen because of the refresh. I need the code to go fullscreen and refresh, without going out of fullscreen mode.

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

Something along these lines

If you want to know why I'm trying to refresh the page like this, it's a work around to my other question here unless I get an answer there. If anyone knows how to reload data-processing-sources on a canvas that would make it so I didn't need this. Otherwise refreshing the entire page is the only way I know to reload the data-processing-sources.

Answer 1

You can put the content into an iframe that is 100% width by 100% height. Then make the iframe refresh itself. The page containing the iframe can be set to fullscreen and then the iframe refresh won't cause the parent page to lose its fullscreen mode.

Some helpful info about fullscreen via JS: How to make the window full screen with Javascript (stretching all over the screen)