Puis-je utiliser l'API plein écran dans JSFiddle?

30

J'ai le JSFiddle suivant, http://jsfiddle.net/brantolsen/ejUWt/ . Il fait la tâche simple de passer du plein écran au non plein écran chaque fois que le corps est cliqué à l' aide de l'API plein écran . Cela fonctionne correctement lorsque tout le contenu est copié dans une page Web locale et est correct selon la documentation trouvée ici . Cependant, sur JSFiddle, rien ne se passe.

Est-il possible de faire passer un exemple de code sur JSFiddle en plein écran?

Veuillez noter que je ne veux pas dire afficher le résultat en plein écran, mais faire fonctionner les commandes javascript en plein écran.

jsfiddle  full-screen 
— Brant Olsen
source
Le plein écran ne fonctionne pas depuis JSFiddle.
— Roman C
Cela a été corrigé il y a quelque temps . En essayant le jsfiddle aujourd'hui, cliquez sur le texte dans le corps et il ira en plein écran.
— gman
@gman Je recommanderais de modifier cela dans la réponse de Brant (je suggérerais d'écrire une autre réponse, mais je pense que leur réponse contient des informations supplémentaires qui pourraient être utiles)
— jonsca

Réponses:

35

Vous voyez le résultat en plein écran comme ceci -

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

Cliquez simplement sur le bouton de partage en haut -

entrez la description de l'image ici

Mise à jour: le bouton "Partager" ne s'affiche plus du tout. Vous pouvez toujours obtenir l'affichage plein écran en ajoutant manuellement embedded/result/à la fin de l'URL de votre violon

— Bibhas
source
Désolé, je ne savais pas ce que je voulais dire par plein écran. Je voulais dire que je ne pouvais pas faire fonctionner l'api Javascript plein écran dans jsfiddle pas comment voir le résultat en plein écran. Merci quand même.
— Brant Olsen
1
Compris. JsFiddle utilise des iframes pour afficher la sortie. En fait, toutes ces 4 cases sont des iframes. Il ne peut donc y avoir aucun moyen régulier d'y parvenir.
— Bibhas
2
Notez que ce bouton "Partager" n'apparaît qu'après avoir enregistré le JSFiddle une fois, en cliquant sur le bouton "Enregistrer".
— Rory O'Kane
8
Je pense que le bouton "Partager" ne s'affiche plus du tout. Vous pouvez toujours obtenir l'affichage plein écran en ajoutant manuellement embedded/result/à la fin de l'URL de votre violon.
— Kai Carver
cette question ne concerne pas l'exécution de jsfiddle sans iframe. Il s'agit de l' API plein écran JavaScript / HTML ne fonctionne pas dans jsfiddle
— gman
3

J'ai trouvé la raison après avoir joué avec Chrome et inspecté l'élément. Le code de résultat est placé dans un iframe qui interdit les commandes en plein écran.

J'ai pu contourner temporairement cela en ajoutant mozallowfullscreenet webkitallowfullscreen, trouvé sur https://developer.mozilla.org/en/HTML/Element/iframe , à l'iframe grâce à l'utilisation de Firebug et des outils de débogage de Chrome.

Cependant, il ne semble pas que JSFiddle vous permettra de personnaliser iframele code dans lequel le code est en ce moment.

— Brant Olsen
source
2

Je pense que les autres répondants à votre discussion ont examiné les problèmes iframe (crossdomain) et ignoré la question.

Un autre utilisateur génial de JSFiddle, Jennifer Perrin, a répondu à plus de la moitié de votre question dans son article "Obtenir l'URL et le titre de la page actuelle avec jQuery" .

Il ne vous reste plus qu'à appliquer une certaine logique sur l'URL renvoyée et à la façonner en un http://jsfiddle.net/[userid]/[postid]/embedded/result/lien fonctionnel dans une ancre qui change son href pour basculer en plein écran.

— LokizFenrir
source
cette question ne concerne pas l'exécution de jsfiddle sans iframe. Il s'agit de l' API plein écran JavaScript / HTML ne fonctionne pas dans jsfiddle
— gman
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.