检测平板电脑和手机,htaccess或CSS

Question

好的,所以我已经研究了一段时间,似乎有几种方法可以做到这一点,CSS媒体查询检测屏幕大小,htaccess和javascript.

我更愿意采用htaccess路线,因为据我所知,平板电脑现在拥有1024px的分辨率.这会不会影响桌面分辨率？此外,htaccess让我有机会为平板电脑和移动浏览器制作一个全新的网站,但我如何检测它是平板电脑还是手机？我不想要检测它是否是谷歌Nexus与HTC Desire或iPhone,对抗iPad,Acer Iconia,Xoom等.

有没有办法检测平板电脑,手机或台式电脑,而不必包括每一个品牌和型号？(例如在这里.)

Answer 1

我建议使用Modernizr.

它在客户端浏览器上使用Javascript来检测对各种浏览器功能的支持,包括触摸事件,并为您提供CSS类和Javascript对象,您可以使用它来调整您的站点以适应用户的浏览器.

我总是避免在服务器上进行浏览器检测(即在.htaccess或服务器端代码中),因为它不可靠 - 服务器可用于检测客户端环境的数据以纯文本形式发送,很容易被欺骗或者黑客入侵.更重要的是,它也通常被代理和隐私应用程序所抑制.