X

Compatibilidad de jQuery Mobile con distintos dispositivos

Hacemos un análisis profundo sobre la compatibilidad de jQuery Mobile con distintos dispositivos.

Como ya es de nuestro conocimiento, jQuery Mobile es un framework que tiene como base el código de la librería jQuery. Gracias a jQuery, el desarrollo de código de JavaScript se ha vuelto más rápido, eficiente y confiable; su implementación ha permitido cambiar la forma en que los desarrolladores utilizan este lenguaje interpretado en sus sitios y aplicaciones web.

El equipo de jQuery tiene como objetivo elaborar una librería que sea capaz de convertirse en el mejor complemento para desarrollar con JavaScript, por ello ha puesto todo su esfuerzo y dedicación para lograr elaborar un código que sea soportado en la mayoría de los ambientes. Tener esto como base para jQuery Mobile asegura una solución totalmente compatible y fiable en los años venideros. jQuery incluso fue elegido por Microsoft como el framework preferido para manejar JavaScript en sus aplicaciones, apoyando el soporte total de jQuery en Visual Studio.

Dispositivos compatibles

Casi cualquier dispositivo que tenga un navegador web puede ejecutar jQuery Mobile (incluyendo los equipos de escritorio). Sin embargo, la experiencia que se obtiene de un dispositivo a otro puede ser distinta, basada en el navegador utilizado, en el hardware en el que se está ejecutando el navegador y por supuesto el sistema operativo con el que cuenta tu dispositivo.

Equipos de escritorio, portátiles y sistemas All-in-One

En tu PC, Mac o computadora con Linux, los sitios con jQuery Mobile se pueden ejecutar en cualquier navegador moderno, teniendo en cuenta que por “moderno”, nos referimos a los navegadores que tienen soporte para etiquetas de HTML5 e interpretan CSS3. Por ello, al utilizar Firefox, Chrome, Safari y Opera, no debemos tener ningún problema y los resultados deben ser adecuados.

Ocasionalmente podrás notar que algunas partes de unas páginas no lucen similares, quizás alguna esquina que debería ser redonda en algún navegador no se despliega de tal forma, pero la gran mayoría de los sitios se ve bien y se comportan como se espera.

Tabletas

La experiencia que se obtiene con jQuery Mobile en las tabletas, no sólo está determinada por los navegadores compatibles del dispositivo, sino además por la capacidad de procesamiento con la que cuenta la tableta.

La mayoría de las tabletas tienen una pantalla grande, por lo que pueden tomar una cantidad considerable de potencia de procesamiento para manejar ese tipo de pantalla. Esto significa, que a pesar de que tu sitio generalmente se cargará de forma rápida y correcta, algunas transiciones de página y diálogos pop-up pueden parecer estar sufriendo de saltos de cuadros, lo que puede provocar la impresión de que tu sitio es más lento en algunas tabletas, donde la visualización parece vacilar.

Por ejemplo, al probar ciertas aplicaciones con un iPad o iPad 2 los efectos y transiciones de página lucirán bastante fluidos, tal y como se espera. Sin embargo si realizas esta misma prueba con un Galaxy Tab 10.1, las transiciones quizás no luzcan tan “suaves”, ya que algunas pueden lucir cortadas o incluso puede existir una completa falta de animación.

Smartphones

Actualmente hay demasiados teléfonos en el mercado como para mencionarlos a todos, así que en vez de hablar sobre modelos específicos, en esta sección trataremos de analizar la compatibilidad de la librería con los distintos sistemas operativos que manejan dichos teléfonos.

Reiteramos que jQuery Mobile funciona en casi todas las plataformas, pero algunas de las características avanzadas y la carga mediante Ajax pueden no ser compatibles. Esta es otra razón por la cual es una sabia decisión utilizar jQuery Mobile en nuestros proyectos, ya que da la posibilidad de tener un sitio parcialmente funcional a pesar de que el usuario utilice un dispositivo antiguo.

Android

Si estás utilizando un navegador integrado con Android, todas las características avanzadas trabajarán y las transiciones serán desplegadas de manera visualmente correcta. Debes tener en cuenta que si estás utilizando Fennec, Firefox u Opera Mobile es posible que encuentres algunos problemas de estilo y un poco de falta de apoyo total en las animaciones, pero la experiencia en general debe ser bastante agradable.

iOS

La forma en que jQuery Mobile es manejado por los teléfono iPhone es realmente impresionante. Las transiciones son suaves, las animaciones son fluidas y los cuadros de diálogo se hunden y vuelven a la perfección, por lo que el soporte proporcionado por el navegador Safari es considerado uno de los mejores.

En iOS el uso de una aplicación de navegador (navegadores de terceros como iBrowser, Shaking Web, etc.) puede degradar un poco el rendimiento, y en algunos casos, hasta causar que la navegación a travé de Ajax falle. Esto no significa que el sitio no se puede utilizar, sólo significa que en lugar de una bonita transición entre páginas, el sitio cargará más como un sitio normal, utilizando actualizaciones de página el momento de dar toques o clics.

BlackBerry

El sistema operativo BlackBerry tiene varias versiones de lanzamiento, y su experiencia puede variar en función de la versión que se está ejecutando. Las versiones superiores a la 6.0 ofrecen las mismas caracteríticas que Android e iOS, sin embargo la versión 5.0 a pesar de que se ve bien, falla al utilizar la navegación Ajax. Por su parte, cualquiera de los dispositivos de la versión 4 hacen uso de una versión de reserva estándar, esto significa que en vez de un agradable estilo CSS3 en las transiciones, obtendrás un página con estilo simple que se actualiza cuando nos movemos a nuevos contenidos.

webOS

Hay poco que hablar webOS, ya que su uso en dispositivos modernos esta casi descontinuado, sin embargo es bueno aclarar que jQuery Mobile funciona de las versiones 1.4 a la 3.0. Cuanto más lento es su dispositivo con webOS, mayor es la probabilidad de que se vea un poco de saltos de cuadros, pero aún así obtendrás soporte total Ajax, los estilos y las transiciones.

Windows Mobile

Windows Phone 7 y 8 hacen uso de jQuery Mobile sin ningún problema, se ve bien, se ejecuta adecuadamente y todas las características están habilitadas. Esto se debe a que el navegador web incluido está basado en las versiones modernas de Internet Explorer, dando a los usuarios el acceso a algunas de las características de HTML5 y CSS3.

Windows Mobile 6.5, sin embargo, es una historia diferente, utiliza una versión antigua del navegador Internet Explorer y sufre de una falta de soporte de las funciones. Los que utilizan esta versión o alguna más antigua, se pierden de la navegación AJAX y de algunis estilos. Cualquier dispositivo móvil que ejecute Windows Mobile anterior a la versión 6.5 muestra una versión básica del sitio.

modificado el 15 marzo, 2018 21:03

Daniel Ernesto Navarro Herrera: Lleva trabajando como desarrollador web desde hace más de 10 años. Es un apasionado del código, habiendo tocado todos los palos, especialmente PHP, MySQL, JavaScript, incluyendo frameworks y librerías como jQuery, Symfony, CakePHP...

Ver comentarios (2)

  • Tengo problemas con JqueryMobile, he creado una aplicación sencilla con data role. Cuando ejecuto mi aplicación en un celular, la pantalla de la aplicación es muy grande, ¿cómo hago para que se adapte o se reduzca?. Gracias.

    • Hola Alberto,

      Suena más bien a un problema de CSS, no de jQuery. Revisa que no tengas algún width por ahí que esté haciendo que tu web se vea más ancha de lo que debería, o algún elemento como una imagen grande, etc.

      Saludos.

Artículos relacionados