Cómo hacer que la ventana sea de pantalla completa con Javascript (estirándose por toda la pantalla)
¿Cómo puedo hacer que el navegador de un visitante pase a pantalla completa usando JavaScript, de una manera que funcione con IE, Firefox y Opera?
En navegadores más nuevos como Chrome 15, Firefox 10, Safari 5.1, IE 10 esto es posible. También es posible para IE más antiguos a través de ActiveX dependiendo de la configuración de su navegador.
He aquí cómo hacerlo:
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);
Obviamente, el usuario debe aceptar primero la solicitud de pantalla completa, y no es posible activar esto automáticamente al cargar la página; debe ser activado por un usuario (por ejemplo, un botón).
Leer más: https://developer.mozilla.org/en/DOM/Using_full-screen_mode
El siguiente código solicita que la página web pase a pantalla completa en los navegadores web modernos. Consulte el historial de edición de esta respuesta para conocer el código que habilita la pantalla completa para navegadores web más antiguos, incluido Internet Explorer.
var el = document.documentElement,
rfs = el.requestFullscreen;
if(typeof rfs!="undefined" && rfs){
rfs.call(el);
}
Ver también:
- API de pantalla completa de Chrome (tenga en cuenta, sin embargo, que
requestFullscreen"sólo funciona durante" "la mayoría de los UIEvents y MouseEvents, como hacer clic y presionar teclas, etc.", "por lo que no se puede utilizar de forma maliciosa").
