Android WebView parece ignorar la información de "vista gráfica" en las páginas web
Tengo un sitio web que utiliza la etiqueta META de la ventana de visualización para indicar a los navegadores móviles cómo mostrar el contenido (). Ver la página en el navegador de Android parece correcta (y iPhone, etc).
Cuando cargue la página en un componente de WebView en una aplicación de Android, el WebView omite la etiqueta "VIEWPORT" y renderiza la página en resolución "completa", que se amplía en este caso.
- Android Webview Error desconocido
- No vuelva a cargar el vídeo de la web en rotación
- Interceptar llamada de red desde Android Java / JNI
- Ocultar / Mostrar la barra de herramientas cuando se desplaza el fragmento en las pestañas
- ¿El WebView de Android cifra las contraseñas guardadas?
- Llamar a métodos Android desde JavaScript
- Proguard rompe Android WebView, ¿Por qué?
- Cómo proporcionar entrada a un campo de entrada webView mediante programación en Android Kitkat (4.4)
- Vista web de Android, cargando archivo javascript en la carpeta de activos
- Cómo configurar el tamaño de texto en WebView en android
- Android: ¿A qué se refiere este mensaje de advertencia? - (WebCore)
- Cómo hacer un reemplazo sobre las webs cargadas en una Webview
- WebView loadDataWithBaseUrl - problema extraño en android 4.0.3
Verifique su implementación en la sección "Creación de páginas web para admitir diferentes densidades de pantalla" de la documentación de WebView
: http://developer.android.com/reference/android/webkit/WebView.html
Después de mucho de la experimentación he determinado que el Android WebView no obedecerá la configuración 'viewport' si la página real fuerza un ancho más ancho que la configuración de la ventana de visualización.
Por ejemplo, estaba estableciendo una ventana de 500px, pero tenía un elemento en mi página que forzó un ancho de 960px. La vista no se obedeció porque el WebView se negó a ocultar ese contenido extra.
Esto parece obvio cuando estoy escribiendo, pero debo haber pasado días trabajando en el problema.
Como dicen los documentos en el enlace de la mejor respuesta, puede especificar mediante una etiqueta meta cómo el dispositivo debe reaccionar al tamaño de la aplicación web en comparación con la pantalla. La etiqueta siguiente hizo que un teléfono Android respetara el tamaño de la ventana gráfica de mi aplicación web:
<meta name="viewport" content="target-densitydpi=high-dpi" />
Intente utilizar este método de clase WebSetting
setUseWideViewPort (boolean use)
Utilizo esto para decirle a la web de Android que considere mi etiqueta "viewport"
Otro fallo en la implementación en algunos teléfonos Android es el hecho de que, por ejemplo, el HTC Desire HD ignorará la ventana de visualización TAG – user-scale = no completly.
Sólo puedo confirmar tu problema. Hay un problema abierto en el rastreador de problemas de android. Por favor déle un voto / estrella si usted es afectado por esto.
Utilizar esta:
<meta name="viewport" content="width=320, user-scalable=no, target-densitydpi=low-dpi" />
Ahora, Android WebView y el navegador se ajustan a la configuración de la ventana de visualización.
Uff, esto tomó un montón de ajustes para conseguir la derecha. Jeez
- Android Studio simple Unidad de prueba no funciona
- Cómo pasar ArrayList de objetos de una a otra actividad utilizando Intent en android?