android - Web 应用程序：隐藏除 android 浏览器之外的 div

Question

我开发了一个使用 Jquery 移动框架的移动 Web 应用程序...我的主页添加了一个div，其中包含一些关于谁浏览我的网站 android 设备的说明...

<div class="instruction">
     Some instructions for android users here...
</div>

我的问题是，只有当我的网站在运行 android 设备/浏览器时，我才需要这个 div 显示，如果在运行我的网站时，除了 android 浏览器，例如：iOs、诺基亚等……只需要隐藏这个 div……这意味着此 div 内容只允许使用 android 设备/浏览器浏览我的网站的人阅读......

任何想法。？？谢谢

score 3 · Accepted Answer

用这个：

var agent = navigator.userAgent;      
var isAndroid = (agent.indexOf("Android")  > 0);     

if (isAndroid ){ 
    $("div.instruction").show();
}

还有其他更精确的设备检测方法，您可以在此答案中找到它们：浏览器/手机检测的可用解决方案是什么

工作 jsFiddle 示例：http: //jsfiddle.net/Gajotres/xHA46/

score 2 · Accepted Answer

检查用户代理并采取行动 -

if (navigator.userAgent.indexOf('Android') != -1) {
    $("div.instruction").show();
}

2 回答 2