Outils pour utilisateurs

Outils du site


Panneau latéral

webdev:javascript:old:viewport

Viewport

Vérifier la compatibilité et l'efficacité de cette technique

Article de tests intéressants : http://tripleodeon.com/2011/12/first-understand-your-screen/

Tables de compatibilité : http://www.quirksmode.org/mobile/tableViewport.html

Fonction de changement de Viewport :

        new_viewport = jQuery('meta[name="viewport"]').attr('content');
        new_viewport = new_viewport.split(",");
        for(var y = 0, max = new_viewport.length ; y < max ; y++)
        {
            if( new_viewport[y].split("=")[0] == "height" || new_viewport[y].split("=")[0] == " height" )
            {
               // On remplace celui-ci et on arrête la boucle
               new_viewport[y] = " height="+screen.height;
               break;
            }
            else if (y == max-1)
            {
               // Si c'est la dernière itération et que le test est faux, on l'ajoute en dernier
               new_viewport.push(" height="+screen.height);
               break;
            }
        }
        jQuery('meta[name="viewport"]').attr('content', new_viewport)
        console.log('Result : '+new_viewport);
webdev/javascript/old/viewport.txt · Dernière modification: 05/11/2018 17:42 de dolo