Comment faire en Javascript plein écran windows (étirement sur tout l'écran)

Question

Comment puis-je faire en plein écran dans JavaScript qui fonctionne dans IE, Firefox et Opera. Quand je veux dire en plein écran, je veux dire celui qui prend tout votre écran

Answer 1

Dans les nouveaux navigateurs tels que Chrome 15, Firefox 10, Safari 5.1, IE 10, cela est possible. Il est également possible pour les anciens IE via ActiveX en fonction des paramètres de leur navigateur. Voici comment le faire:

 function requestFullScreen(element) {
    // Supports most browsers and their versions.
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;

    if (requestMethod) { // Native full screen.
        requestMethod.call(element);
    } else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

var elem = document.body; // Make the body go full screen.
requestFullScreen(elem);
 

L'utilisateur doit évidemment accepter cette demande en plein écran en premier.

En savoir plus: https://developer.mozilla.org/fr/DOM/Using_full-screen_mode

Answer 2

Ce code comprend également comment activer le mode plein écran pour Internet Explorer 9, et probablement les versions plus anciennes, ainsi que de très récentes versions de Google Chrome. L'on a accepté la réponse peut également être utilisé pour d'autres navigateurs.

var el = document.documentElement
    , rfs = // for newer Webkit and Firefox
           el.requestFullScreen
        || el.webkitRequestFullScreen
        || el.mozRequestFullScreen
        || el.msRequestFullScreen
;
if(typeof rfs!="undefined" && rfs){
  rfs.call(el);
} else if(typeof window.ActiveXObject!="undefined"){
  // for Internet Explorer
  var wscript = new ActiveXObject("WScript.Shell");
  if (wscript!=null) {
     wscript.SendKeys("{F11}");
  }
}

Sources:

• Chrome plein écran de l'API (à noter, cependant, que requestFullScreen "ne fonctionne que pendant" "[m]ost UIEvents et MouseEvents, cliquez et keydown, etc.", "il ne peut donc pas être utilisée à des fins malveillantes".)
• Comment faire de navigateur en plein écran à l'aide de la touche F11 de l'événement à l'aide de JavaScript

Answer 3

C'est aussi proche que vous pouvez obtenir en plein écran en 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> 
 

Answer 4

Voici une solution complète pour entrer et sortir du mode plein écran (aka cancel, sortie, échappement)

Answer 5

Vous pouvez utiliser le plein écran API , vous pouvez voir un exemple ici

Le plein écran API offre un moyen facile pour le contenu web qui sera présenté à l’aide de la totalité de l’écran de l’utilisateur. Cet article fournit des informations sur l’utilisation de cette API.