Al usar jQuery Mobile, ¿cómo manejo el estilo cuando JavaScript está deshabilitado?

Question

Estoy jugando con jQuery Mobile (1.1.0 RC1) porque básicamente hace todo el trabajo de hacer que mi sitio web se vea bien en los dispositivos móviles.

¿Qué se supone que debo hacer si javascript está deshabilitado? Todavía soy nuevo en HTML5, pero tengo entendido que el diseño se basa en los atributos data-* y, sin jQuery, puede leer qué tema/función necesita, no se puede aplicar ningún estilo.

No puedo encontrar una hoja de estilos predeterminada que pueda aplicar, y el rodillo de temas no proporciona una muestra base. ¿JQuery Mobile tiene algún tipo de respaldo para esto, o tengo que escribir un conjunto personalizado de hojas de estilo por mi cuenta?

Answer 1

jQuery Mobile solo funciona bien en navegadores compatibles con jQuery. De lo contrario, entra en acción el grading system y su aplicación se degradará. Considere la posibilidad de aplicar una hoja de estilo personalizada en una etiqueta <noscripts> para esos usuarios.

<noscript> 
<link rel="stylesheet" href="your-non-jqm-css.css" /> 
</noscript> 

Ejemplo: http://www.w3schools.com/tags/tag_noscript.asp

Answer 2

Navegar a http://jquerymobile.com/demos/1.1.0-rc.1/ con JavaScript desactivado (en mi navegador portátil) resulta en una pantalla en blanco. Con javascript habilitado, parece sólido. Ir a http://jquerymobile.com/demos/1.0a3/index.html con Javascript desactivado al menos me da el sitio básico.

Supongo que tendrá que proporcionar su propio css móvil básico si necesita admitir navegadores móviles con JavaScript desactivado.