android - 网络应用 : Hide a div except android browsers

Question

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

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

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

有什么想法吗？？谢谢

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