检测iPad Safari用户的最佳方法

时间:2011-04-19 11:35:02

标签: javascript css ipad mobile-safari

添加用于检测iPad Safari用户的代码的最佳方法是什么?我的意思是我们应该使用 1. CSS(通过链接媒体..) 2. JS(通过导航器对象)

我听说使用用户代理字符串不是检测iPad的最佳方法,因为它存在不一致。

请建议。谢谢。


我也有一个跟进问题;

实际上检测桌面/ iPad的代码将成为JSP的一部分(而不是静态HTML文件)......现在在我的应用程序中,有200多页......所以我应该在哪里添加代码检测以及我应该如何添加它?我的意思是我必须在servlet web.xml文件中的某处更新..

很抱歉混合了2个问题..但这里只是添加了相关问题..

1 个答案:

答案 0 :(得分:4)

您在用户代理中始终拥有iPad。

但是,如果你的目标是iPad,以便能够以不同的方式展示,那么CSS媒体查询肯定是未来的发展方向。

请参阅here ZeptoJS如何在JS中检测iPad。

要在两个方向上定位iPad,请执行以下操作:

<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" href="ipad-portrait.css"> 
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" href="ipad-landscape.css">