Según este artículo Google Chrome 15 tiene una pantalla completa de la API de JavaScript.

He tratado de hacer que funcione, pero no pudo. También he buscado documentación oficial en vano.

Lo que hace la pantalla completa de la API de JavaScript parece?

InformationsquelleAutor Randomblue | 2011-10-20

5 Comentarios

  1. 141

    La API sólo funciona durante la interacción con el usuario, por lo que no puede ser utilizado maliciosamente. Pruebe el siguiente código:

    addEventListener("click", function() {
        var el = document.documentElement,
          rfs = el.requestFullscreen
            || el.webkitRequestFullScreen
            || el.mozRequestFullScreen
            || el.msRequestFullscreen 
        ;
    
        rfs.call(el);
    });
    • ¿Cómo es «la interacción del usuario», definida?
    • La mayoría de los UIEvents y MouseEvents, tales como click y keydown, etc.
    • Esto funciona a pantalla completa para mí, pero cuando el usuario se desplaza a la siguiente página en mi sitio, sale a pantalla completa. Hay alguna forma de evitar esto?
    • Hasta donde yo sé, usted necesita usar AJAX para actualizar el contenido. Usted no puede salir de la página.
    • esto funciona con «clic», pero no «mouseenter». Pero mouseenter es TAMBIÉN una interacción del usuario.
    • Modo de pantalla completa permite a los falsos cualquier GUI (como la contraseña de VPN ventana de entrada), y «la interacción del usuario» debe hacer que el usuario sospechar algo. También, evita que las páginas web que cubre toda la pantalla de manera incontrolable. Obviamente, «mouseenter» y especialmente «mousemove» error en ambos casos.

  2. 32

    Me hizo un simple contenedor de la pantalla Completa de la API, llamada screenfull.js, para suavizar el prefijo lío y corregir algunas inconsistencias en las diferentes implementaciones. Retirar el demo para ver cómo la pantalla Completa de la API de obras.

    Lectura recomendada:

    • Wow – un gran plugin, gracias! Hay alguna forma de abrir un enlace en pantalla completa, mientras que la ficha actual sigue siendo no-fullscreen? no encontrar nada de eso en la demo.
  3. 14

    Aquí están algunas de las funciones que he creado para trabajar con pantalla completa en el navegador.

    Que éstos proporcionan entrar/salir de la pantalla completa en la mayoría de los principales navegadores.

    function isFullScreen()
    {
        return (document.fullScreenElement && document.fullScreenElement !== null)
             || document.mozFullScreen
             || document.webkitIsFullScreen;
    }
    
    
    function requestFullScreen(element)
    {
        if (element.requestFullscreen)
            element.requestFullscreen();
        else if (element.msRequestFullscreen)
            element.msRequestFullscreen();
        else if (element.mozRequestFullScreen)
            element.mozRequestFullScreen();
        else if (element.webkitRequestFullscreen)
            element.webkitRequestFullscreen();
    }
    
    function exitFullScreen()
    {
        if (document.exitFullscreen)
            document.exitFullscreen();
        else if (document.msExitFullscreen)
            document.msExitFullscreen();
        else if (document.mozCancelFullScreen)
            document.mozCancelFullScreen();
        else if (document.webkitExitFullscreen)
            document.webkitExitFullscreen();
    }
    
    function toggleFullScreen(element)
    {
        if (isFullScreen())
            exitFullScreen();
        else
            requestFullScreen(element || document.documentElement);
    }
    • Sólo funciona para restaurar a partir de pantalla completa.
  4. 6

    La siguiente prueba funciona en Chrome 16 (rama de dev) en X86 y Chrome 15 en Mac OSX Lion

    http://html5-demos.appspot.com/static/fullscreen.html

    • +1 también funciona en Chrome 15 (estable canal).
    • Cuando yo escriba «enterFullScreen()» de la consola, no vaya a pantalla completa.
    • Usted debe hacer el requestFullScreen() llamada en un elemento que desea visualizar en pantalla completa. No hay manera de simplemente saltar en el modo. Aquí es otro excelente descripción de la pantalla Completa de la API de John Dyer con un ejemplo completo johndyer.nombre/…

Dejar respuesta

Please enter your comment!
Please enter your name here