¿Existen métodos actualmente aceptados para crear aplicaciones web a pantalla completa en HTML 5 utilizando solo JavaScript y CSS?¿Cómo crear una aplicación web html 5 a pantalla completa?
En caso afirmativo, ¿cuáles son los pros y los contras de cada uno? ¿Qué peculiaridades entre navegadores hay?
Esto es vanguardista, pero las últimas versiones de Chrome tienen una API de pantalla completa. Ver este conjunto de diapositivas para más detalles:
http://html5-demos.appspot.com/static/html5-whats-new/template/index.html#42
Además, parece que estos tipos descubierto una manera de hacerlo sin recurrir a funciones no compatibles:
http://www.html5rocks.com/en/tutorials/casestudies/gopherwoord-studios-resizing-html5-games.html
En su estado actual, el modo de pantalla completa solo puede ser inducido por el usuario indicándole directamente al navegador que entre en ese modo.
Es como volver en los días de esclavos. Eres el esclavo, el usuario es el maestro y los píxeles son tu comida. Puede que no te den mucho, pero te dan un poco, y tienes que saborear hasta el último bocado.
Esto solía ser posible en el día - IE 4 hizo "Windows Chromeless" - pero ya no es posible en HTML puro por razones de seguridad.
Si puede hacer que el usuario instale el software local, podría funcionar algo como Mozilla Prism, aunque nunca lo intenté.
entiendo las implicaciones de seguridad, pero ya está disponible para video HTML 5 y Adobe parece haberlo hecho bien con flash. Después de todo, parece que no tienes aplicaciones flash que se hagan cargo de tu pantalla. – Adam
@ Adam es cierto, pero hasta donde yo sé, simplemente no es posible en HTML puro. Re Flash: tiene que activar el modo de pantalla completa manualmente, y obtiene un mensaje de "presiona Esc para salir" de segundos, así que sí, tienen sus precauciones.Me gustaría ver que vuelva para los sitios web, también, como una opción. –
ja, debería hacer una ventana emergente que diga 'es decir, se requiere 4 para usar esta aplicación' – Adam
Hay a proposal que se basa en discussions on the WHATWG mailing list. Esto fue originalmente activado por this WebKit API, pero hasta donde sé, solo funciona en iOS y no hay otras implementaciones en este momento.
Cuando dicen pantalla completa se solo quiero un navegador para cubrir toda la pantalla, ¿verdad? Eso es simple, en la mayoría de los navegadores solo hace clic en F11. No importa qué css/js/html tenga. No sé si puedes hacerlo desde el código. – Alxandr
No puede obligar al navegador a ir a pantalla completa a través de javascript sin que el usuario lo haga por sí mismo. – Niklas
estaba pensando de forma similar a cómo funciona con el flash o el video HTML 5 donde tienes un ícono de pantalla completa que lo hace entrar en modo de pantalla completa. Creo que esto es mejor que f11, ya que no modifica el entorno del navegador del usuario que no sea la aplicación en sí. También le permitiría al usuario usar escape para salir, ya que se ha convertido en una especie de convención. Además, no quiero tener que depender de la forma en que el navegador maneja la pantalla completa. Por ejemplo, algunos navegadores pueden implementar pantalla completa de manera diferente, o no tener ninguna manera de detectar características. – Adam