Загрузить мобильный CSS, если пользователь на Android - PullRequest
4 голосов
/ 23 июня 2011

Мой файл .htaccess записывает «умный» cookie.Если моя страница читает этот файл cookie, он будет писать div.Тогда мой мобильный CSS-файл загружается, только если пользователь на iPhone или iPod.

Мой вопрос: как я могу отредактировать этот код (ниже), чтобы загрузить мобильный CSS-файл, если пользователь на Android?

Вот моя страница и код:

<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>

Ответы [ 3 ]

5 голосов
/ 23 июня 2011

Вы должны просто иметь возможность добавить

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

ко второму if statement, поэтому

if( (navigator.userAgent.match(/iPhone/i)) || 
    (navigator.userAgent.match(/iPod/i)) || 
    (navigator.userAgent.match(/Android/i)) ) 
1 голос
/ 23 июня 2011

Вот, пожалуйста:)

http://davidwalsh.name/detect-android

0 голосов
/ 23 июня 2011

Этот фрагмент сделает это:

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