Posso usar a API de tela cheia no JSFiddle?

30

Eu tenho o seguinte JSFiddle, http://jsfiddle.net/brantolsen/ejUWt/ . Ele realiza a tarefa simples de mudar de tela cheia para tela não cheia toda vez que o corpo é clicado usando a API de tela cheia . Isso funciona corretamente quando todo o conteúdo é copiado em uma página da web local e está correto de acordo com a documentação encontrada aqui . No entanto, no JSFiddle nada acontece.

É possível criar um exemplo de código no JSFiddle em tela cheia?

Observe que não pretendo exibir o resultado em tela cheia, mas fazer com que os comandos de tela cheia javascript funcionem.

jsfiddle full-screen

— Brant Olsen
fonte

Tela cheia não funciona no JSFiddle.

— Roman C

Isso foi corrigido há um tempo atrás . Tentando o jsfiddle hoje, clique no texto no corpo e ele será exibido em tela cheia.

— gman 11/06

@ gman Eu recomendo editar isso na resposta de Brant (eu sugeriria escrever outra resposta, mas acho que a resposta deles inclui algumas informações adicionais que podem ser úteis)

— jonsca

35

Você vê o resultado em tela cheia como este -

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

Basta clicar no botão de compartilhamento na parte superior -

insira a descrição da imagem aqui

Atualização: O botão "Compartilhar" não é mais exibido. Você ainda pode obter a exibição em tela cheia adicionando manualmente embedded/result/ao final do URL do seu Fiddle

— Bibhas
fonte

Desculpe, não entendi o que quis dizer com tela cheia. Eu quis dizer que não consegui que a API de tela cheia do Javascript funcionasse no jsfiddle, não como visualizar o resultado como tela cheia. Obrigado de qualquer forma.

— Brant Olsen

1

Entendido. O JsFiddle usa iframes para mostrar a saída. De fato, todas essas quatro caixas são iframes. Portanto, não pode haver uma maneira regular de conseguir isso.

— Bibhas

2

Observe que este botão "Compartilhar" não aparece até você salvar o JSFiddle uma vez, clicando no botão "Salvar".

— Rory O'Kane

8

Acho que o botão "Compartilhar" não é mais exibido. Você ainda pode obter a exibição em tela cheia adicionando manualmente embedded/result/ao final do URL do seu Fiddle.

— Kai Carver

esse quesiton não é sobre a execução do jsfiddle sem um iframe. É sobre a API de tela cheia JavaScript / HTML não funcionar em jsfiddle

— gman 11/06

8

Use, http://fiddle.jshell.net/your-fiddle-id/show/light/por exemplo, este URL de violino . Isso abrirá sem quadros.

— John Henckel
fonte

Não funciona para mim: imgur.com/a/Y2VuRPZ

— gman

1

esse quesiton não é sobre a execução do jsfiddle sem um iframe. É sobre a API de tela cheia JavaScript / HTML não funcionar em jsfiddle

— gman 11/06

3

Encontrei o motivo depois de brincar com o Chrome e inspecionar o elemento. O código do resultado é colocado dentro de um iframe que não permite comandos de tela cheia.

Consegui resolver isso temporariamente adicionando mozallowfullscreene webkitallowfullscreen, encontrado em https://developer.mozilla.org/en/HTML/Element/iframe , ao iframe usando o firebug e as ferramentas de depuração do Chrome.

No entanto, não parece que o JSFiddle permitirá que você personalize o iframeque o código está envolto no momento.

— Brant Olsen
fonte

2

Acho que os outros respondentes do seu tópico analisaram os problemas de iframe (domínio cruzado) e ignoraram a pergunta.

Outra usuária incrível do JSFiddle, Jennifer Perrin, respondeu mais da metade da sua pergunta em seu post "Obter URL da página atual e título com jQuery" .

Tudo o que resta fazer é aplicar alguma lógica na URL retornada e transformá-la em um http://jsfiddle.net/[userid]/[postid]/embedded/result/link funcional em uma âncora que muda seu href para alternar para a tela cheia.

— LokizFenrir
fonte

esse quesiton não é sobre a execução do jsfiddle sem um iframe. É sobre a API de tela cheia JavaScript / HTML não funcionar em jsfiddle

— gman 11/06