2009-05-26 16 views
7

Sto utilizzando quanto segue per il targeting di iPhone e dispositivi palmari per utilizzare specifici fogli di stile mobile, ma i brower di Blackberry stanno raccogliendo solo i normali fogli di stile dello schermo.Come scegliere come target il browser 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" /> 

Tutti gli altri dispositivi mobili su cui ho provato il sito stanno raccogliendo i fogli di stile corretti.

Qualcuno sa come indirizzare il browser Blackberry a fare lo stesso?

Grazie!

risposta

3

Ho finito per utilizzare Javascript per rilevare i programmi utente.

Quindi stampa mobile.css per palmare e schermo se si tratta di un dispositivo mobile (perché BlackBerry e iPhone pensano che siano schermi) e stampa i normali fogli di stile se non si tratta di un dispositivo mobile.

Non funziona con qualsiasi dispositivo che non ha Javascript ma probabilmente è meglio vedere comunque la versione senza ossa del sito.

2

Non ho una risposta esatta e non ho mai provato questo, ma si potrebbe provare a verificare il Mobile Device Browser File. Questo è rivolto agli sviluppatori ASP.Net che lavorano su app mobili, tuttavia potrebbe comunque rivelarsi utile se non lo sei. La sua open source e la licenza sotto MS-PL.

Se si utilizza ASP.Net provare a controllare questo podcast da Scott Hanselman per maggiori informazioni sul MDBF - ASP.Net and the Mobile Web

3

Lo stato di browser mobili è un tale caos nel momento in cui io non consiglierei cercando di rilevare le versioni nel client. Il modo più affidabile per farlo è usare qualcosa come WURFL http://wurfl.sourceforge.net/ e fare tutto il lato server di controllo.

Buona fortuna per far funzionare tutto bene sul blackberry! Oh, e non dimenticarti che i carrier potrebbero essere fregati con il tuo codice HTML prima che arrivi anche al telefono.

1

Questo riguarderà i dispositivi Blackberry specificamente con un foglio di stile chiamato 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'); 
}