Come funziona lo schermo intero di facebook con javascript?

Question

Correlati onclick go full screen e How to implement exact full-screen in javascript?.

Facebook ha recentemente aggiunto la funzione alta risoluzione visualizzazione dell'immagine:

Quando ho cliccato su, il mio browser va in modalità a schermo intero:

Questo è il browser nativo pieno schermata simile a F11.

Vorrei implementare questa funzione per un'app Web locale che verrà utilizzata solo internamente, quindi nessun utente casuale viene irritato dall'effetto schermo intero.

Qualcuno sa come fare? O in alternativa, dove posso ottenere il codice per implementare questo, con la spiegazione di come funziona?

Answer 1

questa è una nuova API offerto da HTML5 in modo che solo pochi browser supportano al momento ...

è possibile controllare MDN per alcune spiegazioni di base ed esempi

EDIT: vale la pena di citare> differenza tra Gecko e WebKit: Gecko aggiunge automaticamente le regole CSS all'elemento per allungarlo per riempire lo schermo: "larghezza: 100%; altezza: 100%"

MODIFICA 2: i browser di supporto sono solo Firefox (dal 10) e Chrome (Penso che molto presto non siamo proprio sicuri di averlo supportato pienamente) ... visto che è sperimentale è necessario egli prefissi vendor ...

EDIT 3: puntano a "vivere" spec

EDIT 4: per quanto riguarda il supporto di IE: 11/15/2011 Ted Johnson da IEBlog dice che la squadra IE10 non ha ancora deciso se implementare l'API FullScreen. Nota comunque che "Windows 8 Metro stile Internet Explorer è sempre a schermo intero ... e come prima, F11 entra nella modalità a schermo intero nelle versioni desktop di IE."

EDIT 5: can I use - un'altra bella tabella che mostra che nell'ultimo Safari disponibile anche ... se Opera lo supporta nella versione 12 è ancora sconosciuto

Answer 2

C'è una nuova API HTML5 a schermo intero.

Ecco un sito demo di esso.

http://html5-demos.appspot.com/static/fullscreen.html