Como posso fazer o navegador de um visitante ficar em tela cheia usando JavaScript, de uma maneira que funcione com o IE, Firefox e Opera?
javascript
fullscreen
user63898
fonte
fonte
sprintf('Dear user, the best experience with this site is in fullscreen mode. To view this site full screen, press %s.', _get_browsers_full_Screen_key())
Respostas:
É o mais próximo possível da tela cheia em JavaScript:
fonte
Em navegadores mais recentes, como Chrome 15, Firefox 10, Safari 5.1, IE 10, isso é possível. Também é possível para IE mais antigos via ActiveX, dependendo das configurações do navegador.
Veja como fazê-lo:
Obviamente, o usuário precisa aceitar a solicitação de tela cheia primeiro, e não é possível acioná-la automaticamente no carregamento da página; ela deve ser acionada por um usuário (por exemplo, um botão)
Leia mais: https://developer.mozilla.org/en/DOM/Using_full-screen_mode
fonte
document.documentElement
que passa, garantirá que você obtenha o elemento raiz correto ('html' ou 'body'). E use pode usarcancelFullscreen()
para fechá-lo (ou enviar 'F11' novamente para o IE).Esse código também inclui como habilitar a tela cheia para o Internet Explorer 9 e provavelmente versões mais antigas, bem como versões muito recentes do Google Chrome. A resposta aceita também pode ser usada para outros navegadores.
Fontes:
requestFullscreen
"só funciona" "durante a maioria dos UIEvents e MouseEvents, como clique e pressionamento de tecla etc.", "para que não possa ser usado com intuito malicioso".)fonte
documentElement
é melhor do quebody
para mim.Aqui está uma solução completa para entrar e sair do modo de tela cheia (também conhecido como cancelar, sair, escapar)
fonte
msIsFullScreen
?webkitCancelFullScreen
é agorawebkitExitFullscreen
. managedcontent.org/post/70347573294/…document.fullScreenElement && document.fullScreenElement !== null
elem
notoggleFull()
dedocument.body
quedocument.documentElement
a correção esquerda e emissão margem direitaVocê pode usar a API de tela cheia Você pode ver um exemplo aqui
fonte
Mas antes de descrevermos essa nova tecnologia, devo observar que essa tecnologia é experimental e é suportada por todos os principais navegadores .
Você pode encontrar o tutorial completo aqui: http://www.css-jquery-design.com/2013/11/javascript-jquery-fullscreen-browser-window-html5-technology/
Aqui está trabalhando Demo: http://demo.web3designs.com/javascript-jquery-fullscreen-browser-window-html5-technology.htm
fonte
Eu usei isso ...
fonte
Exemplo simples de: http://www.longtailvideo.com/blog/26517/using-the-browsers-new-html5-fullscreen-capabilities/
fonte
Criar Função
Em Html Coloque código como
fonte
Agora que as APIs de tela cheia estão mais difundidas e parecem estar amadurecendo, por que não tentar o Screenfull.js ? Eu o usei pela primeira vez ontem e hoje nosso aplicativo entra em tela cheia em quase todos os navegadores!
Certifique-se de associá-lo à
:fullscreen
pseudo-classe em CSS. Consulte https://www.sitepoint.com/use-html5-full-screen-api/ para obter mais informações.fonte
Felizmente para usuários da web desavisados, isso não pode ser feito apenas com javascript. Você precisaria escrever plugins específicos do navegador, se eles ainda não existissem, e, de alguma forma, levar as pessoas a fazer o download deles. O mais próximo que você pode chegar é uma janela maximizada sem ferramentas ou barras de navegação, mas os usuários ainda poderão ver o URL.
window.open('http://www.web-page.com', 'title' , 'type=fullWindow, fullscreen, scrollbars=yes');">
Isso geralmente é considerado uma prática ruim, pois remove muitas funcionalidades do navegador do usuário.
fonte
Tente screenfull.js . É uma boa solução para vários navegadores que também deve funcionar no navegador Opera.
Demo .
fonte
Isso pode suportar
fonte
Você pode tentar:
fonte
Experimente este script
Para chamar de script, use este código,
ou com hiperlink, use este
fonte
No Firefox 10, você pode fazer com que a página atual fique em tela cheia (tela cheia real, sem cromo de janela) usando este javascript:
fonte
Isso funcionará para mostrar sua janela em tela cheia
Nota: Para que isso funcione, é necessário consultar o http://code.jquery.com/jquery-2.1.1.min.js
Ou faça um link javascript como este.
fonte
Uma maneira de Q&D exibir a tela inteira, se você estiver em uma situação de "quiosque", é alimentar um F11 na janela do navegador depois que ele estiver funcionando. Isso não é bastante inicial e o usuário pode ser capaz de cutucar uma tela sensível ao toque na parte superior e obter uma visualização em tela semi-cheia, mas alimentar o F11 pode ser uma tarefa fácil ou apenas para começar um projeto.
fonte
Aqui está a minha solução completa para
Full Screen
eExit Full Screen
ambos (muito obrigado pela ajuda da resposta da torre acima):// CHAMANDO:
fonte