WebView Android semble ignorer “fenêtre” informations sur les pages web

J'ai un site qui est à l'aide de la fenêtre d'affichage de la balise META à dire les navigateurs mobiles comment faire pour afficher le contenu ( ). Affichage de la page dans le navigateur Android semble correct (et iPhone, etc).

Lorsque je charge la page dans une WebView composant dans une Application android, la WebView ignore la "FENÊTRE" de la balise, et affiche la page à "plein" de résolution, qui est un zoom avant dans ce cas.

OriginalL'auteur Evan | 2010-05-25

  1. 3

    Double-vérifier la mise en œuvre à l'encontre de la "création de pages web à l'appui de l'écran densités de" section de la WebView documentation: http://developer.android.com/reference/android/webkit/WebView.html

    Alors, quelle est la réelle solution pour cela? Ce qui les a aidé dans ce cas?

    OriginalL'auteur CommonsWare

  2. 22

    Après beaucoup d'expérimentation, j'ai déterminé que la WebView Android de ne pas obéir à la "fenêtre" réglage si la page en question, les forces une largeur plus large que la fenêtre de réglage.

    Par exemple, j'ai été réglage de la fenêtre d'affichage de 500px, mais avait un élément sur ma page qui a forcé un 960px de largeur. La fenêtre n'était pas obéi parce que la WebView a refusé de le cacher du contenu supplémentaire.

    Cela semble évident quand je suis taper, mais j'ai passé des journées à travailler sur le problème.

    C'est très intéressant. Sûrement la fenêtre d'affichage méta-directive devrait prendre effet avant la première page, le rendu est-il calculé?

    OriginalL'auteur stickwithjosh

  3. 9

    Que les docs disent dans le lien dans la meilleure réponse, vous pouvez spécifier à l'aide d'une balise meta comment l'appareil doit réagir à la taille de votre application web par rapport à l'écran. La balise suivante faite d'un téléphone Android, relativement à la taille de la fenêtre de mon application web:

    <meta name="viewport" content="target-densitydpi=high-dpi" />
    Résoudre mon problème avec Android pas de zoom à l'ordre de "device-width". Merci 🙂
    Meilleure réponse selon moi, parce que certains d'entre nous star des programmeurs seulement s'adapter à la pages nous sont fournies, codée par un non-professionnel. 😛

    OriginalL'auteur jorisw

  4. 9

    Essayez d'utiliser cette méthode de WebSetting classe

    setUseWideViewPort (boolean use)

    J'utilise ceci pour dire webview Android pour envisager de mes "viewport" tag

    +1 c'est important - de la documentation "Obtient si la WebView prend en charge le "viewport" HTML de la balise meta ou utilisera une large fenêtre d'affichage."
    Il fonctionne pour moi. Cependant j'ai trouvé que même il est défini sur false, la fenêtre d'affichage de la balise est encore traitée, car, lorsque je l'ai changer pour value="width=100%" le HTML est également affichée correctement.

    OriginalL'auteur onmyway133

  5. 1

    Un autre échec dans la mise en œuvre sur certains Téléphones Android ist le fait, que, par exemple, le HTC Desire HD ignorer la fenêtre d'affichage de la BALISE de l'utilisateur-scale=pas complètement.

    J'obtiens le même résultat avec mon HTC Incredible S. Essayé tous les trucs dans le livre et il ne bouge pas: la fenêtre d'affichage de la balise est complètement ignoré.

    OriginalL'auteur Voss

  6. 1

    Lien dans l'acceptation de réponse et cette aidera à comprendre la fenêtre d'affichage sur Android.

    Dans mon scénario, largeur fixe est utilisé, la solution est:

    settings.setUseWideViewPort(true)
settings.setLoadWithOverviewMode(true)

    OriginalL'auteur Lym Zoy

  7. 0

    Je ne peux que confirmer votre question. Il y a un question ouverte à l'android bug tracker. S'il vous plaît donner un vote/star si vous êtes touchés par cette.

    OriginalL'auteur Jonas Äppelgran

  8. 0

    La seule chose qui a fonctionné pour moi a été 

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, shrink-to-fit=no" />

    mais plus particulièrement pour l'ajout de maximum-scale=1.0, minimum-scale=1.0 à la balise aidé. Pour mon cas précis, je ne voulais pas donner à l'utilisateur la possibilité de zoomer/dézoomer afin YMMV.

    OriginalL'auteur Adam Johns

  9. -1

    Utiliser ceci:

     <meta name="viewport" content="width=320, user-scalable=no, target-densitydpi=low-dpi" />

    Maintenant WebView Android et le Navigateur adhère à la fenêtre d'affichage des paramètres.

    Ouf, ça a pris beaucoup de peaufinage pour obtenir le droit. Jeez.

    OriginalL'auteur skidadon