Domanda

Sto usando il seguente per indirizzare iPhone e palmari dispositivi di utilizzare specifici fogli stili mobili, ma i browers Blackberry è in ripresa solo i fogli di stile normale schermata.

<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 che ho provato il sito sono in ripresa i fogli di stile corretto.

Qualcuno sa un modo per indirizzare il browser Blackberry di fare lo stesso?

Grazie!

È stato utile?

Soluzione 2

Ho finito per usare Javascript per rilevare agenti utente.

Poi mobile.css la stampa per palmare e schermo se si tratta di un dispositivo mobile (perché il BlackBerry e iPhone pensano di essere schermate) e la stampa dei fogli di stile regolari se non è un dispositivo mobile.

Non funziona per qualsiasi dispositivo che non dispone di Javascript, ma sono probabilmente meglio vedere la versione nude ossa del sito in ogni caso.

Altri suggerimenti

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

Buona fortuna per avere tutto quello che sia bene su BlackBerry! Oh, e non dimenticate di che i vettori possono essere avvitando con il codice HTML prima che arrivi anche al telefono.

Non ho una risposta esatta e non ho mai provato io stesso, ma si potrebbe provare a controllare il Mobile Device File Browser. Questa si rivolge a sviluppatori ASP.NET che lavorano su applicazioni mobili, tuttavia può ancora rivelarsi utile se non sei. La sua open source e sotto licenza MS-PL.

Se si utilizza ASP.Net provare a controllare questo podcast da Scott Hanselman per maggiori informazioni sul MDBF - ASP.Net e la mobile Web

Mi consiglia di controllare i seguenti siti:

http://deviceatlas.com/

http://mobileelements.com/

http://wurfl.sourceforge.net/

Tutti parlano di come si target particolari dispositivi mobili, in modo che modo è possibile utilizzare diversi fogli di stile per i diversi dispositivi mobili.

In genere per una bacca nera basta cercare "mora" nella stringa user agent è un buon caso abbastanza

Questo obiettivo 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'); 
}
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top