Un sito Web potrebbe forzare il browser a passare alla modalità a schermo intero?

Question

Voglio condurre uno studio psicologico per il quale i partecipanti devono guardare immagini di grandi dimensioni.

L'esperimento viene eseguito sul Web e quindi in una finestra del browser. È possibile dire al browser di passare a schermo intero, ad esempio premendo il pulsante?

So che esiste la possibilità di aprire una finestra popup di dimensioni fisse. Pensi che questa sarebbe un'alternativa fattibile? E se, quale sarebbe il modo migliore per farlo? Esistono modi eleganti per rilevare un blocco popup, eseguire il fallback ed eseguire lo studio nella finestra del browser originale.

La preoccupazione principale è che i partecipanti a questo studio non abbiano familiarità con i dettagli tecnici e non dovrebbero essere disturbati da loro.

Answer 1

Ho trovato del codice dopo la ricerca.

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");
        } 
    } 
}

Userà html5 api. Cambio con jquery un'immagine speciale per questo. Spero che ti possa aiutare. Al momento, non so se puoi forzarlo, perché era proibito la dovuta sicurezza.

Answer 2

Potresti semplicemente dire all'utente di premere F11. Accanto ad esso, metti un "perché?" collega e spiega perché ritieni che debbano essere in modalità a schermo intero.

Non penso che tu possa forzare un browser a passare a schermo intero e, in effetti, se tu fossi in grado di farlo, sarei furioso con il mio browser. È troppo invasivo. Anche Flash ha sicurezza in modo che forzare il plug-in a schermo intero richieda che l'evento abbia origine con un'interazione dell'utente. Quindi, se è così importante per te, questo potrebbe essere un buon motivo per utilizzare il plug-in Flash perché potresti collegare la chiamata go-fullscreen a un pulsante fuorviante che dice "avvia quiz" (o qualsiasi altra cosa).

Ma, per favore, non farlo. Basta essere diretti con l'utente e dire loro di premere F11.

EDIT: ho appena provato il codice di esempio fornito in un altro commento e sono felice di dire che Firefox apre una finestra ingrandita con una barra degli indirizzi, non una finestra a schermo intero.

Answer 3

Non c'è modo di ridimensionare la finestra corrente a schermo intero, ma puoi aprire un popup a schermo intero:

<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 4

Apri una nuova finestra in modalità schermo intero su IE:

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

Mettere in " Chiudi " link su page.html potrebbe essere una buona idea:

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

Answer 5

In passato, ho visto siti Web fare questo. Tuttavia, poiché è incredibilmente fastidioso e generalmente utilizzato dagli annunci per i siti Web pr0n, la tecnica potrebbe essere bloccata nei browser recenti.

Ma penso che il punto importante sia: è incredibilmente fastidioso e generalmente utilizzato dagli annunci per i siti Web pr0n, quindi probabilmente non vuoi associare te stesso a quali cose, quindi probabilmente è meglio chiedere agli utenti di massimizzare i loro browser .

Answer 6

Per modificare la finestra principale, prova qualcosa del tipo:

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

Answer 7

F11 porta IE e Firefox in modalità schermo intero. Sono sicuro che è possibile passare a schermo intero, poiché YouTube e altri siti di streaming video possono farlo con Flash, ma non so come con javascript.

Answer 8

Questa funzione è più interessante per i browser mobili, che supportano lo schermo intero. Il browser più mobile non avrà un'opzione per lo schermo intero toccando un'opzione. Hai una modifica per passare a schermo intero per avere un po 'di feeling con l'app.