Corsi on-line

Commenti condizionali per IE Mobile

A partire dalla versione 5, IE ci permette di definire nell’HTML dei commenti condizionali che sono in grado di entrare in gioco sulla base della rilevazione del dispositivo utilizzato in navigazione; l’esempio di codice proposto di seguito mostra come sia possible mostrare determinati elementi soltanto se viene rilevato il browser Internet Explorer Mobile utilizzato nel sistema operativo per smartphone Windows Phone 7:

<!--[if IEMobile]>
<p>Stai navigando con Internet Explorer Mobile.</p>
<![endif]—>
<![if !IEMobile]>
<p>Non stai navigando con Internet Explorer Mobile.</p>
<![endif]>


I commenti condizionali possono essere utilizzati anche per definire stili CSS da utilizzare a seconda del programma di navigazione corrente; in questo caso, l’esempio proposto in precedenza potrebbe essere modificato in questo modo:

<!—Mobile -->
<link rel="stylesheet" type="text/css" href="mobile.css" media="screen and (max-device-width: 480px)" />
<!--[if IEMobile 7]>
<link rel="stylesheet" type="text/css" href="mobile.css" media="screen"  />
<![endif]-->

Per cui sarà possibile stabilire quali stili utilizzare nel caso di navigazione con IE Mobile così come nel caso in cui venga utilizzato qualsiasi altro browser.

Post correlati
I più letti del mese
Tematiche