Question

我的.htaccess文件正在写一个“智能”cookie。如果我的页面读取此cookie，它将写一个div。然后，只有当用户在iPhone或iPod上时才会加载我的移动CSS文件。

我的问题是，如果用户在Android上，如何编辑此代码（如下所示）以加载移动CSS文件？

这是我的page和代码：

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

Answer 1

你应该能够添加

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

到第二个if statement，所以

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

Answer 2

在这里你去:)）

http://davidwalsh.name/detect-android

Answer 3

此代码段将执行此操作：

navigator.userAgent.match(/android/)

如果用户在Android上，请加载移动CSS

3 个答案: