Posso usare l'API a schermo intero in JSFiddle?

30

Ho il seguente JSFiddle, http://jsfiddle.net/brantolsen/ejUWt/ . Fa il semplice compito di passare da schermo intero a non schermo intero ogni volta che si fa clic sul corpo utilizzando l'API a schermo intero . Funziona correttamente quando tutto il contenuto viene copiato in una pagina Web locale ed è corretto secondo la documentazione che si trova qui . Tuttavia, su JSFiddle non succede nulla.

È possibile fare in modo che il codice di esempio su JSFiddle passi a schermo intero?

Si noti che non intendo visualizzare il risultato a schermo intero, ma far funzionare i comandi a schermo intero javascript.

jsfiddle  full-screen 
— Brant Olsen
fonte
Lo schermo intero non funziona da JSFiddle.
— Romano C
Questo problema è stato risolto tempo fa . Provando oggi il jsfiddle fai clic sul testo nel corpo e passerà a schermo intero.
— Gman,
@gman Consiglierei di modificarlo nella risposta di Brant (suggerirei di scrivere un'altra risposta, ma penso che la loro risposta includa alcune informazioni aggiuntive che potrebbero essere utili)
— jonsca

Risposte:

35

Visualizza il risultato a schermo intero in questo modo -

http://jsfiddle.net/brantolsen/ejUWt/embedded/result/

Basta fare clic sul pulsante di condivisione in alto -

inserisci qui la descrizione dell'immagine

Aggiornamento: il pulsante "Condividi" non viene più visualizzato. Puoi comunque ottenere la visualizzazione a schermo intero aggiungendo manualmente embedded/result/alla fine dell'URL del tuo violino

— Bibhas
fonte
Siamo spiacenti, non ero chiaro con cosa intendevo a schermo intero. Volevo dire che non riuscivo a far funzionare l'api a schermo intero Javascript in jsfiddle, non come vedere il risultato a schermo intero. Grazie comunque.
— Brant Olsen,
1
Inteso. JsFiddle utilizza iframe per mostrare l'output. In effetti, tutte queste 4 caselle sono iframe. Quindi, non ci può essere un modo regolare in cui puoi raggiungere questo obiettivo.
— Bibhas,
2
Si noti che questo pulsante "Condividi" non viene visualizzato fino a quando non si salva una volta JSFiddle, facendo clic sul pulsante "Salva".
— Rory O'Kane,
8
Penso che il pulsante "Condividi" non sia più visualizzato. Puoi comunque ottenere la visualizzazione a schermo intero aggiungendo manualmente embedded/result/alla fine dell'URL del tuo violino.
— Kai Carver,
questo quesiton non riguarda l'esecuzione di jsfiddle senza un iframe. Riguarda l' API a schermo intero JavaScript / HTML che non funziona in jsfiddle
— gman l'
3

Trovato il motivo dopo aver giocato con Chrome e ispezionare l'elemento. Il codice risultato viene inserito in un iframe che non consente i comandi a schermo intero.

Sono stato in grado di aggirare temporaneamente questo problema aggiungendo mozallowfullscreene webkitallowfullscreen, trovato su https://developer.mozilla.org/en/HTML/Element/iframe , all'iframe attraverso l'uso di firebug e degli strumenti di debug di Chrome.

Tuttavia, non sembra che JSFiddle ti permetta di personalizzare il fatto iframeche il codice sia presente in questo momento.

— Brant Olsen
fonte
2

Penso che gli altri rispondenti al tuo thread abbiano esaminato i problemi di iframe (crossdomain) e abbiano ignorato la domanda.

Un altro fantastico utente di JSFiddle, Jennifer Perrin, ha risposto a più della metà della tua domanda nel suo post "Ottieni l'URL e il titolo della pagina corrente con jQuery" .

Tutto quello che resta da fare è applicare una logica sull'URL restituito e trasformarlo in un http://jsfiddle.net/[userid]/[postid]/embedded/result/collegamento funzionale in un ancoraggio che cambia il suo modo di attivare lo schermo intero.

— LokizFenrir
fonte
questo quesiton non riguarda l'esecuzione di jsfiddle senza un iframe. Riguarda l' API a schermo intero JavaScript / HTML che non funziona in jsfiddle
— gman l'
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.