Comment cibler le navigateur Blackberry?

Question

J'utilise ce qui suit pour cibler iphones, et les appareils portables d'utiliser des feuilles de styles mobiles spécifiques, mais les Blackberry browers capte uniquement les feuilles de style écran 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" />

Tous les autres appareils mobiles j'ai testé le site sur les cueillez feuilles de style correct.

Quelqu'un sait-il un moyen de cibler le navigateur Blackberry pour faire la même chose?

Merci!

Answer 1

Je fini par utiliser JavaScript pour détecter les agents utilisateurs.

Ensuite impression mobile.css pour portable et écran si elle est un appareil mobile (parce que le BlackBerry et l'iPhone pensent qu'ils sont des écrans) et l'impression des feuilles de style régulièrement s'il est pas un appareil mobile.

Il ne fonctionne pas pour tout appareil qui n'a pas Javascript, mais ils sont probablement mieux voir la version nue os du site de toute façon.

Answer 2

L'état des navigateurs mobiles est un tel gâchis au moment que je ne recommanderais pas essayer de détecter les versions du client. La façon la plus fiable pour le faire est d'utiliser quelque chose comme WURFL http://wurfl.sourceforge.net/ et faire tout votre côté serveur de contrôle.

Bonne chance tout travail bien sur la mûre! Oh, et ne pas oublier que les transporteurs pourraient être vissent avec votre HTML avant qu'il ne soit même au téléphone.

Answer 3

Je n'ai pas de réponse exacte et ne l'ai jamais essayé moi-même, mais vous pourriez essayer de vérifier le Mobile Device fichier du navigateur . Ceci est destiné aux développeurs ASP.Net travaillant sur des applications mobiles, mais peut encore être utile si vous n'êtes pas. Sa open source et sous licence MS-PL.

Si vous utilisez ASP.Net essayez de vérifier ce podcast de Scott Hanselman pour plus d'informations sur le MDBF - ASP.Net et Web mobile

Answer 4

Je recommande de vérifier les sites suivants:

http://deviceatlas.com/

http://mobileelements.com/

http://wurfl.sourceforge.net/

Ils parlent tous de la façon dont vous ciblez les appareils mobiles en particulier, de sorte que façon vous pouvez utiliser des feuilles de style différents pour différents appareils mobiles.

En général, pour une baie noire il suffit de regarder dans la chaîne de l'agent utilisateur « blackberry » est un assez bon cas

Answer 5

ciblera spécifiquement les appareils Blackberry avec un blackberry.css appelé stylesheet

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'); 
}