¿Puedo usar la API de pantalla completa en JSFiddle?

30

Tengo el siguiente JSFiddle, http://jsfiddle.net/brantolsen/ejUWt/ . Realiza la simple tarea de cambiar de pantalla completa a pantalla no completa cada vez que se hace clic en el cuerpo utilizando la API de pantalla completa . Esto funciona correctamente cuando todo el contenido se copia en una página web local y es correcto de acuerdo con la documentación que se encuentra aquí . Sin embargo, en JSFiddle no pasa nada.

¿Es posible hacer que el código de ejemplo en JSFiddle vaya a pantalla completa?

Tenga en cuenta que no me refiero a ver el resultado como pantalla completa, sino a hacer que funcionen los comandos de pantalla completa de JavaScript.

jsfiddle full-screen Brant Olsen
fuente
La pantalla completa no funciona desde JSFiddle.
Roman C
Esto se solucionó hace un tiempo . Probar el jsfiddle hoy haga clic en el texto en el cuerpo y se mostrará a pantalla completa.
Gman
@gman, recomendaría editar eso en la respuesta de Brant (sugeriría escribir otra respuesta, pero creo que su respuesta incluye información adicional que podría ser útil)
jonsca

Respuestas:

35

Usted ve el resultado en pantalla completa así:

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

Simplemente haga clic en el botón Compartir en la parte superior -

ingrese la descripción de la imagen aquí

Actualización: el botón "Compartir" ya no se muestra en absoluto. Todavía puede obtener la visualización de pantalla completa agregando manualmente embedded/result/al final de la URL de su Fiddle

Bibhas
fuente
Lo siento, no estaba claro a qué me refería con pantalla completa. Quise decir que no podía hacer que la API de pantalla completa de Javascript funcionara en jsfiddle, no cómo ver el resultado como pantalla completa. Gracias de todos modos.
Brant Olsen
1
Entendido. JsFiddle usa iframes para mostrar la salida. De hecho, todas esas 4 cajas son iframes. Por lo tanto, no puede haber una forma regular de lograrlo.
Bibhas
2
Tenga en cuenta que este botón "Compartir" no aparece hasta después de guardar el JSFiddle una vez, haciendo clic en el botón "Guardar".
Rory O'Kane
8
Creo que el botón "Compartir" ya no se muestra en absoluto. Todavía puede obtener la visualización de pantalla completa agregando manualmente embedded/result/al final de la URL de su Fiddle.
Kai Carver
Esta pregunta no se trata de ejecutar jsfiddle sin un iframe. Se trata de que la API JavaScript / HTML de pantalla completa no funciona en jsfiddle
gman
3

Encontré la razón después de jugar con Chrome e inspeccionar el elemento. El código de resultado se coloca dentro de un iframe que no permite los comandos de pantalla completa.

Pude solucionar este problema temporalmente agregando mozallowfullscreeny webkitallowfullscreen, en https://developer.mozilla.org/en/HTML/Element/iframe , al iframe mediante el uso de firebug y las herramientas de depuración de Chrome.

Sin embargo, no parece que JSFiddle le permita personalizar el iframeenvoltorio del código en este momento.

Brant Olsen
fuente
2

Creo que los otros encuestados en su hilo analizaron los problemas de iframe (crossdomain) e ignoraron la pregunta.

Otra increíble usuaria de JSFiddle, Jennifer Perrin, respondió más de la mitad de su pregunta en su publicación "Obtenga la URL y el título de la página actual con jQuery" .

Todo lo que le queda por hacer es aplicar cierta lógica en la URL devuelta y convertirla en un http://jsfiddle.net/[userid]/[postid]/embedded/result/enlace funcional en un ancla que cambie su href para alternar la pantalla completa.

LokizFenrir
fuente
Esta pregunta no se trata de ejecutar jsfiddle sin un iframe. Se trata de que la API JavaScript / HTML de pantalla completa no funciona en jsfiddle
gman