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

【问题标题】：Web app: Hide a div except android browsersWeb 应用程序：隐藏除 android 浏览器之外的 div
【发布时间】：2013-04-16 07:26:07
【问题描述】：

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

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

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

任何想法。??谢谢

【问题讨论】：

navigator.userAgent。尝试在 Javascript 中检查这个..
stackoverflow.com/questions/6439777/…

标签： android jquery html jquery-mobile

【解决方案1】：

使用这个：

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

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

还有其他更精确的设备检测方法，您可以在此答案中找到它们：What are available solutions of a browser / mobile phone detection

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

【讨论】：

【解决方案2】：

检查用户代理并执行操作 -

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

【讨论】：