Hoe maak je het venster volledig scherm met Javascript (strekt zich uit over het hele scherm)

Hoe kan ik een bezoeker's browser naar volledig scherm laten gaan met behulp van JavaScript, op een manier die werkt met IE, Firefox en Opera?

Philip Eagles
Bewerkte vraag 7de5 januari 2017 в 12:58
Programmering
javascript fullscreen
14de1 juli 2009 в 12:35
10 views
Oplossing

Dit is zo dicht als je kunt komen bij volledig scherm in JavaScript:

<script type="text/javascript">
    window.onload = maxWindow;

    function maxWindow() {
        window.moveTo(0, 0);

        if (document.all) {
            top.window.resizeTo(screen.availWidth, screen.availHeight);
        }

        else if (document.layers || document.getElementById) {
            if (top.window.outerHeight < screen.availHeight || top.window.outerWidth < screen.availWidth) {
                top.window.outerHeight = screen.availHeight;
                top.window.outerWidth = screen.availWidth;
            }
        }
    }
</script>
Uwe Keim
Bewerkt antwoord 27ste6 januari 2019 в 1:35
Commentaren (12)

Gelukkig voor nietsvermoedende webgebruikers kan dit niet worden gedaan met alleen javascript. Je zou browser-specifieke plugins moeten schrijven, als die al niet bestonden, en dan op een of andere manier mensen zover krijgen dat ze die downloaden. Het dichtste wat je kunt krijgen is een gemaximaliseerd venster zonder tool of navigatiebalken, maar gebruikers zullen nog steeds in staat zijn om de url te zien.

window.open('http://www.web-page.com', 'title' , 'type=fullWindow, fullscreen, scrollbars=yes');">

Dit wordt over het algemeen als een slechte praktijk beschouwd omdat het de gebruiker veel browserfunctionaliteit ontneemt.

Ahmed Ashour
Bewerkt antwoord 14de1 november 2017 в 9:31
Commentaren (0)

Dit kan ondersteunen







        Untitled Page
        <script type="text/javascript">
            function max()
            {
               window.open("", "_self", "fullscreen=yes, scrollbars=auto"); 
            }
        </script>



        <div>
        This is Test Page
        </div>
Christian Specht
Bewerkt antwoord 22ste0 augustus 2011 в 8:54
Commentaren (0)