Pregunta

Estoy utilizando el siguiente para apuntar a los iPhones y dispositivos de mano a utilizar hojas de estilo específicas móviles, pero los navegadores de Blackberry está recogiendo sólo las hojas de estilo en pantalla normal.

<link media="handheld, only screen and (max-device-width: 320px)" href="mobile.css" type="text/css" rel="stylesheet" />
<link media="only screen and (max-device-width: 480px)" href="mobile.css" type="text/css" rel="stylesheet" />

Todos los demás dispositivos móviles que he probado en el sitio están recogiendo las hojas de estilo correcta.

¿Alguien sabe de una manera de apuntar el navegador Blackberry para hacer lo mismo?

Gracias!

¿Fue útil?

Solución 2

Terminé usando Javascript para detectar los agentes de usuario.

A continuación, la impresión mobile.css para portátil y la pantalla si se trata de un dispositivo móvil (debido a que el BlackBerry y iPhone piensan que son pantallas) y la impresión de las hojas de estilo regulares si no es un dispositivo móvil.

No funciona para cualquier dispositivo que no tiene Javascript pero son probablemente mejor ver la versión esqueleto del sitio de todos modos.

Otros consejos

El estado de los navegadores móviles es un desastre en el momento en que yo no recomendaría tratar de detectar las versiones en el cliente. La forma más fiable de hacerlo es utilizar algo como WURFL http://wurfl.sourceforge.net/ y hacer todo el lado del servidor de cheques.

Buena suerte conseguir cualquier cosa que trabaja muy bien en la mora! Ah, y no olvide que los portadores podrían estar jodiendo con su HTML antes de que incluso se pone al teléfono.

No tengo una respuesta exacta y nunca he probado esto por mí mismo, pero es posible que trate la salida a la de dispositivos móviles Explorador de archivos. Este está dirigido a los desarrolladores de ASP.NET que trabajan en aplicaciones móviles, sin embargo, todavía puede resultar útil si no es así. Su código abierto y bajo licencia de la MS-PL.

Si está utilizando ASP.Net Trate de ver este podcast de Scott Hanselman para obtener más información sobre la MDBF - ASP.Net y la web móvil

Recomendaría echarle un vistazo a los siguientes sitios:

http://deviceatlas.com/

http://mobileelements.com/

http://wurfl.sourceforge.net/

todos hablan de forma de orientar los dispositivos móviles particulares, por lo que de esa manera se pueden utilizar diferentes hojas de estilo para diferentes dispositivos móviles.

En general, para una baya negro sólo tiene que buscar "mora" en la cadena de agente de usuario es un caso bastante bueno

Esto tendrá como objetivo los dispositivos Blackberry específicamente con una hoja de estilo llamado blackberry.css

var ua = navigator.userAgent;
if (ua.match(/(BlackBerry|Blackberry|blackberry|BB|bb|RIM|rim|Playbook|PlayBook|playbook)/)!=null) { 
     document.write('<link rel="stylesheet" type="text/css" href="blackberry.css">');
     console.log ('Blackberry confirmed'); 
}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top