javascript - objeto - ¿Podría un sitio web forzar al navegador a pasar al modo de pantalla completa?

window.open javascript

Question

Quiero ejecutar un estudio psicológico para el cual los participantes tienen que mirar imágenes de gran tamaño.

El experimento se realiza en la web y, por lo tanto, en una ventana del navegador. ¿Es posible decirle al navegador que entre en pantalla completa, por ejemplo al presionar un botón?

Sé que existe la posibilidad de abrir una ventana emergente de tamaño fijo. ¿Crees que esta sería una alternativa viable? Y si, ¿cuál sería la mejor manera de hacerlo? ¿Hay formas elegantes de detectar un bloqueador de ventanas emergentes para retroceder y ejecutar el estudio en la ventana del navegador original?

La principal preocupación es que los participantes de este estudio no están familiarizados con los detalles técnicos y no deberían molestarse por ellos.

Answer 1

Abra una nueva ventana en modo de pantalla completa en IE:

<script>
<!--
window.open("page.html","fs","fullscreen,scrollbars")
//-->
</script> 

Poner en un enlace "Cerrar" en page.html puede ser una buena idea:

<a href="#" onclick="window.close()">Close Window</a>

Answer 2

En el pasado, he visto sitios web hacer esto. Sin embargo, como es increíblemente molesto y generalmente es utilizado por los anuncios de los sitios web de pr0n, la técnica puede estar bloqueada en los navegadores recientes.

Pero creo que el punto importante es: es increíblemente molesto y generalmente utilizado por los anuncios de los sitios web de pr0n, por lo que probablemente no desee asociarse con esas cosas, por lo que es mejor que simplemente pida a los usuarios que maximicen sus navegadores.

Answer 3

Esta característica es más interesante para los navegadores móviles, que admiten pantalla completa. El navegador más móvil no tiene una opción para pantalla completa al tocar una opción. Tienes un cambio para cambiar a pantalla completa para sentir un poco la aplicación.

Answer 4

F11 lleva IE y Firefox al modo de pantalla completa. Estoy seguro de que es posible ir a pantalla completa, ya que YouTube y otros sitios de transmisión de video pueden hacerlo con Flash, pero no sé cómo hacerlo con javascript.

Answer 5

He encontrado un código después de buscar.

function fullscreen() {
    var element = document.getElementById("content");
    if (element.requestFullScreen) {
        if (!document.fullScreen) {
            element.requestFullscreen();
            $(".fullscreen").attr(''src'',"img/icons/panel_resize_actual.png");
        } else {
            document.exitFullScreen();
            $(".fullscreen").attr(''src'',"img/icons/panel_resize.png");
        }

    } else if (element.mozRequestFullScreen) {

        if (!document.mozFullScreen) {
            element.mozRequestFullScreen();
            $(".fullscreen").attr(''src'',"img/icons/panel_resize_actual.png");
            google.maps.event.trigger(map, ''resize'');
        } else {
            document.mozCancelFullScreen();
            $(".fullscreen").attr(''src'',"img/icons/panel_resize.png");
        }

    } else if (element.webkitRequestFullScreen) {

        if (!document.webkitIsFullScreen) {
            element.webkitRequestFullScreen();
            $(".fullscreen").attr(''src'',"img/icons/panel_resize_actual.png");
            google.maps.event.trigger(map, ''resize'');
        } else {
            document.webkitCancelFullScreen();
            $(".fullscreen").attr(''src'',"img/icons/panel_resize.png");
        } 
    } 
}

Utilizará html5 api. Cambio con jquery una imagen especial para él. Espero que eso ayude. Por el momento, no sé si puedes forzarlo, porque fue forzado debido a la seguridad.

Answer 6

No hay una manera de cambiar el tamaño de la ventana actual a pantalla completa, pero puede abrir una ventana emergente en pantalla completa:

<script type="text/javascript">
<!--
function popup(url) 
{
 params  = ''width=''+screen.width;
 params += '', height=''+screen.height;
 params += '', top=0, left=0''
 params += '', fullscreen=yes'';

 newwin=window.open(url,''windowname4'', params);
 if (window.focus) {newwin.focus()}
 return false;
}
// -->
</script>

<a href="javascript: void(0)" 
   onclick="popup(''popup.html'')">Fullscreen popup window</a>

Answer 7

Para modificar la ventana principal, pruebe algo como:

window.opener.location.href = ''/confirmation/page.html'';

Answer 8

Simplemente podría decirle al usuario que presione F11. Junto a él, ponga un ''¿por qué?'' vincula y explica por qué sientes que necesitan estar en modo de pantalla completa.

No creo que puedas obligar a un navegador a que se muestre a pantalla completa y, de hecho, si pudieras hacerlo, estaría furioso con mi navegador. Es muy invasivo. Incluso Flash tiene seguridad, por lo que obligar al complemento a ir a pantalla completa requiere que el evento se origine con una interacción del usuario. Por lo tanto, si es tan importante para usted, esta podría ser una buena razón para usar el complemento de Flash porque podría adjuntar la llamada de pantalla completa a un botón engañoso que diga ''iniciar cuestionario'' (o lo que sea).

Pero, por favor no hagas eso. Simplemente sea directo con el usuario y dígales que presionen F11.

EDITAR: Acabo de probar el código de muestra proporcionado en otro comentario y me complace decir que Firefox abre una ventana maximizada con una barra de direcciones, no una ventana de pantalla completa.