Página Web que bloquea los navegadores Android

¿Puede alguien ayudarme a averiguar por qué esta página hace que los navegadores Android se bloqueen?

Http://thewellcommunity.org

Todas las subpáginas parecen funcionar bien, pero cuando carga la página principal en un Android, la aplicación del navegador se cierra sin avisos ni mensajes de error. He intentado esto en 3 teléfonos Android y en un Kindle Fire.

Cuando desactivo completamente JavaScript en el navegador en el teléfono, la página se carga correctamente. Desafortunadamente este es un sitio web en vivo, así que prefiero guardar fragmentos de JavaScript de desactivación en el lado del servidor como último recurso.

En una nota lateral, Opera Mini, Opera Mobile y Firefox en un teléfono Android no se bloquean, pero Dolphin, Miren y el navegador de valores lo hacen.

ACTUALIZACIÓN: Parece que hablé demasiado pronto cuando dije que esto estaba arreglado. He podido reducir la frecuencia con la que el navegador se bloquea, pero de vez en cuando se bloquea cuando se carga la página. 🙁

UPDATE # 2: Ahora parece que el accidente puede estar relacionado con CSS. Después de pasar semanas habilitando y deshabilitando varios snippits de JavaScript, intenté inhabilitar la hoja de estilos, y ahora no puedo conseguir que se bloquee.

Alguien sabe de un error CSS de Android que podría estar causando esto? Mi conjetura es que está relacionado con algunos CSS que sólo se accede después de que el JavaScript hace su trabajo.

Encontré al culpable … Parece que una regla de la familia de fuentes css era la culpa. Aunque, no estoy seguro de por qué desde la misma pila de fuentes se utiliza varios otros lugares en el sitio. : \

Esta es la línea que causó el problema …

 .Site-Search .Buttons input { ... font-family: TeXGyreHerosRegular, Arial, "Helvetica Neue", Helvetica, sans-serif; ... } 

Por la razón que sea que la línea causó todos los navegadores Android de acciones de bloqueo. Extraño.

Echa un vistazo a Weinre . Una explicación se puede ver en esta película de youtube. De esta manera puede depurar el navegador webkit Android como el conocido Firebug.

En el emulador de Eclipse (2.3) se carga bien, pero tiene algunos defectos de diseño.

Si alguien vino aquí en busca de una posible razón por la que todos los navegadores de su móvil diferentes se bloquean después de varios segundos al cargar un sitio web en particular puede ser debido a la versión de jQuery empleado.

Por ejemplo, el LG-p690f y HTC Incredible S son algunos de los varios teléfonos Android 2.3.x conocidos por tener problemas con las transiciones de desvanecimiento en jQuery 1.8.1 y 1.8.2 debido a un error javascript de navegador que causará la función de Animation de jQuery a fallar En esta línea:

 percent = 1 - ( remaining / animation.duration || 0 ) 

Si eres el propietario del sitio web, puedes intentar actualizar a 1.8.3 (o degradar a 1.7.x si se permite). De lo contrario, puede enviar un e-mail a la página web.

Fuentes:

http://bugs.jquery.com/ticket/12497

https://github.com/jquery/jquery/pull/1019

  • Cómo enfocar un campo de entrada en el navegador de Android a través de javascript o jquery
  • Cómo ocultar la barra de direcciones del navegador cuando la altura de la página es fija y tiene jQuery desplazamiento interno
  • Escala del navegador de Android?
  • Cómo abrir el navegador predeterminado
  • ¿Cómo saber una cadena de user-agent para dispositivos android específicos?
  • Porcentaje de codificación en un URI
  • Navegador predeterminado de Android que no se desplaza en la página web
  • Cómo depurar un sitio web en Android?
  • "SDK-buildable" Navegadores Web de código abierto para Android
  • Android - Distancia entre dos ciudades
  • HTML: ¿Por qué el navegador de Android muestra "Ir" en lugar de "Siguiente" en el teclado?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.