Como direcionar o navegador do Blackberry?

Question

Estou usando o seguinte para iphones alvo e dispositivos portáteis para usar folhas de estilos móveis específicos, mas as browers Blackberry está pegando apenas as folhas de estilo de tela regular.

<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 os outros dispositivos móveis Eu testei o site on estão pegando as folhas de estilo correto.

Alguém sabe uma maneira de direcionar o navegador do Blackberry para fazer o mesmo?

Obrigado!

Answer 1

Acabei usando Javascript para detectar agentes de usuário.

Em seguida, imprimir mobile.css para handheld ea tela se é um dispositivo móvel (porque o BlackBerry e iPhone acho que eles são telas) e imprimir as folhas de estilo regulares, se não é um dispositivo móvel.

Ele não funciona para qualquer dispositivo que não tem Javascript mas é provavelmente melhor fora vendo a versão esqueleto do site de qualquer maneira.

Answer 2

O estado de navegadores móveis é uma bagunça no momento em que eu não recomendaria tentar detectar as versões do cliente. A maneira mais confiável de fazer isso é usar algo como WURFL http://wurfl.sourceforge.net/ e fazer lado todo o seu servidor de verificação.

Boa sorte para conseguir qualquer coisa trabalhando muito bem na amora-preta! Ah, e não se esqueça de que as operadoras pode ser enroscando com o seu HTML antes mesmo de chegar ao telefone.

Answer 3

Eu não tenho uma resposta exata e nunca tentei isso mesmo, mas você pode tentar verificar o Mobile Device Arquivo browser. Este é destinado a desenvolvedores ASP.NET que trabalham em aplicativos móveis, no entanto, ainda pode ser útil se você não é. Seu código aberto e licenciado sob a MS-PL.

Se você estiver usando ASP.Net tente verificar se este podcast de Scott Hanselman para mais informações sobre o MDBF - ASP.Net ea web móvel

Answer 4

Eu recomendaria verificar os seguintes sites:

http://deviceatlas.com/

http://mobileelements.com/

http://wurfl.sourceforge.net/

Todos eles falam sobre como você segmentar por dispositivos móveis particulares, de modo que maneira você pode usar diferentes folhas de estilo para diferentes dispositivos móveis.

Geralmente para uma baga preta basta olhar para "blackberry" na seqüência do agente do usuário é um caso bom o suficiente

Answer 5

Este terá como alvo dispositivos Blackberry especificamente com um estilo chamado 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'); 
}