Javascript pour détecter la largeur d'écran de navigateur mobile?
j'ai utilisé de l'écran.la largeur pour obtenir la largeur du navigateur. il a bien fonctionné avec l'iphone safari, mais ne fonctionne pas de téléphone android(il a montré 800 largeur pour android navigateur).
Est-il compatible façon à obtenir la largeur de l'écran. Je ne veux pas utiliser UserAgent pour vérifier si son navigateur mobile. souhaitez utiliser un javascript pour que et de la logique devrait inclure la largeur de l'écran.
source d'informationauteur user378132
Vous devez vous connecter pour publier un commentaire.
C'est de savoir question - voir ici
Quand la page se charge tout d'abord de la
screen.width
etscreen.height
sont mauvais.Essayez un délai d'attente comme ceci:
Où
CheckResolution
est votre fonction.Vous pouvez essayer cette url pour détecter la taille de l'écran et d'appliquer un style CSS
ou
Pour ceux qui sont intéressés à obtenir les valeurs de largeur du navigateur, j'ai testé plusieurs options:
Je suis avec bootstrap 3 et la SEULE solution correspondant le bootstrap 3 points d'arrêt avec IE et Chrome était :
Voici les résultats avec 1200px fenêtre avec:
Chrome
Internet Explorer 10
Viens de lire ces deux Url. Il devrait vous aider à obtenir ce dont vous avez besoin.
http://www.quirksmode.org/blog/archives/2010/08/combining_media.html
http://www.quirksmode.org/mobile/tableViewport.html
Pour info, le Android est probablement 800px de large. Voir cet article parmi d'autres:
La compréhension Samsung Galaxy Tab densité de l'écran
Edit: Oh, je pense que l'autre gars était plus juste que moi, qui évoquaient le Android bug.
Je trouve que l'utilisation de
window.outerWidth
donne la valeur correcte. Testé cette aide BrowserStack émulateurs android.