2009-05-26 12 views
7

Estoy utilizando lo siguiente para apuntar a iPhones, y dispositivos de mano para usar hojas de estilos móviles específicos, pero los browers de Blackberry están recogiendo solo las hojas de estilo de pantalla normales.¿Cómo apuntar al navegador Blackberry?

<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 en los que he probado el sitio están recogiendo las hojas de estilo correctas.

¿Alguien sabe una forma de apuntar al navegador Blackberry para hacer lo mismo?

Gracias!

Respuesta

3

Terminé usando Javascript para detectar agentes de usuario.

Luego imprima mobile.css para computadora de mano y defina si es un dispositivo móvil (porque BlackBerry y iPhone creen que son pantallas) e imprima las hojas de estilo normales si no es un dispositivo móvil.

No funciona para ningún dispositivo que no tenga Javascript pero de todas maneras es mejor que vean la versión básica del sitio.

2

No tengo una respuesta exacta y nunca lo he intentado yo mismo, pero puede intentar consultar el Mobile Device Browser File. Está dirigido a desarrolladores de ASP.Net que trabajan en aplicaciones móviles, sin embargo, puede resultar útil si no lo es. Su fuente abierta y licenciada bajo 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 and the Mobile Web

3

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

¡Buena suerte haciendo que todo funcione bien en la mora! Ah, y no olvides que los operadores podrían estar jodiendo con tu HTML incluso antes de que llegue al teléfono.

1

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 buen caso lo suficientemente

1

Esto se dirigirá a los dispositivos Blackberry específicamente con una hoja de estilo denominado 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'); 
} 
Cuestiones relacionadas