jQuery Mobile para dispositivos móviles y de escritorio?

Question

Estoy desarrollando una aplicación web. MySql/PHP back-end y HTML/jQuery front-end.

Quería utilizar el framework jQuery UI.

Ahora veo que jQuery Mobile ya no está disponible, y quiero que la aplicación esté accesible para dispositivos móviles tanto como sea posible.

Busqué en Google, pero no encontré una respuesta de calidad.

¿Puedo hacer que todo funcione desde el mismo código si uso jQuery Mobile?

Me gustaría que muestre widgets móviles si se accede desde el navegador móvil.
Pero se puede acceder a los widgets de jQuery UI desde el navegador del escritorio.

¿Es posible solo usando jQuery Mobile y su marcado, o tengo que escribir el front-end para móvil (jQuery Mobile) y escritorio (jQuery UI) por separado?

Es decir, puede jQuery Mobile, automáticamente "retroceder" a jQuery UI si se accede desde el navegador de escritorio.

Answer 1

Creo que depende en gran medida de lo que quiere hacer y la funcionalidad que está tratando de capturar. Si desea que una página web se comporte de cierta manera en el dispositivo móvil y en el mismo escritorio, entonces con algunas modificaciones/pruebas cuidadosas, estará bien con jquery.mobile.

Si revisa el CSS para jquery.mobile (versión no comprimida), puede editar el código directamente para mostrar los elementos HTML de la manera que desee para determinados tamaños de pantalla. Simplemente seleccione uno para tamaños de pantalla de escritorio/grande para escalar apropiadamente.

Dependiendo de lo que esté tratando de lograr en términos de su versión móvil, también verifique jQTouch - que permite la funcionalidad móvil específica, como "toque" (en lugar de "hacer clic"), como ejemplo, pero también tiene una opción de escritorio compatible, por lo que se revierte para los navegadores de escritorio.

Una nota, con cualquiera de estas bibliotecas, todavía necesitará la biblioteca raíz jquery.

Espero que esto ayude.

Answer 2

En primer lugar, deberá tener en cuenta que los flujos de trabajo para dispositivos móviles y de escritorio son muy diferentes. Intentar alternar entre la versión de escritorio y la versión móvil no será solo un cambio entre recursos.

En segundo lugar, los dos marcos de la interfaz de usuario difieren enormemente en la forma en que se utilizan. jQuery UI es una colección de widgets que puede invocar cuando lo desee y donde desee, en una biblioteca de sinónimos (ish) con un marco de CSS que lo respalda. jQuery Mobile funciona de manera bastante diferente, sin embargo, de forma predeterminada es un marco impulsado por marcado y para ponerlo en funcionamiento no es necesario que escriba siquiera 1 línea de Javascript.

Mi consejo es pensar en la capa de datos como su código común y el lado del cliente como 2 piezas de trabajo completamente separadas. Personalmente, he logrado crear aplicaciones usando servicios web REST comunes. Uso la interfaz de usuario jQuery para consumir servicios web y crear mashups para el lado del cliente. Luego, para la versión móvil, uso los servicios web del lado del servidor para producir páginas jQuery-mobile html para usar en dispositivos móviles.

También tenga en cuenta que generar HTML dinámico en el lado del cliente utilizando jQuery Mobile seguramente le causará grandes dolores de cabeza.Hasta que el proyecto madure, lo usaría solo para mejorar los marcos de marcado altamente semántico. Cree una buena capa de datos sólida y el resto será fácil :)

Answer 3

Aquí está el código fuente completo: https://github.com/ti-dev/Scrum-it para una fuente abierta de Scrum Board que está diseñada para dispositivos de escritorio y iPad de Apple. Por lo tanto, es posible combinar estos dos mundos en una página web.