2011-06-23 3 views
4

Mon fichier .htaccess est en train d'écrire un cookie "intelligent". Si ma page lit ce cookie, elle écrira une div. Ensuite, mon fichier CSS mobile se charge uniquement si l'utilisateur est sur un iPhone ou un iPod.Charger un fichier CSS mobile si l'utilisateur est sur Android

Ma question est, comment puis-je modifier ce code (ci-dessous) pour charger le fichier CSS mobile si l'utilisateur est sur un Android?

Voici mon page et le code:

<meta name="viewport" content="width=device-width, user-scalable=yes" /> 
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-width: 640px)" /> 
<script type="text/javascript"> 
if (window.screen.width > 640){document.write('<meta name="viewport" content="width=980, user-scalable=yes" />')} 
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))){document.write('<link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-width: 640px)" />')} 
</script> 

Répondre

5

Vous devriez juste pouvoir ajouter

|| (navigator.userAgent.match(/Android/i))

au deuxième if statement, si

if((navigator.userAgent.match(/iPhone/i)) || 
    (navigator.userAgent.match(/iPod/i)) || 
    (navigator.userAgent.match(/Android/i))) 
0

Cet extrait fera:

navigator.userAgent.match(/android/) 
Questions connexes