javascript - 如果用户使用的是 Android,则加载移动 CSS

标签 javascript android css mobile viewport

我的 .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>

最佳答案

你应该可以添加

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

到第二个if语句,所以

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

关于javascript - 如果用户使用的是 Android,则加载移动 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6459692/

相关文章:

javascript - 如何在angularjs中实现html格式的字符串

android - 直接在手机上运行 Robotium 测试用例(不是模拟器)

android - 等待命令在 RootTools 中完成

javascript - 连续设置4张图片而不是2张图片

javascript - 立即创建 Observable 并排队发出直到订阅

javascript - 点击2个id更新.map()数组jquery

安卓工作室 : Gradle: error: cannot find symbol variable

jQuery - CSS - 通过拖动鼠标事件旋转 Div

html - 如何制作骨架样板模板 'unresponsive'

javascript 窗口在 15 分钟后关闭