html - 检测平板电脑和手机、htaccess 或 CSS

Question

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

我更喜欢走 htaccess 路线，因为据我所知，平板电脑现在有 1024 像素的分辨率。这不会干扰桌面分辨率吗？ htaccess 也让我有机会为平板电脑和移动浏览器创建一个全新的站点，但我如何去检测它是平板电脑还是移动设备？我不想检测它是 Google Nexus 还是 HTC Desire 或 iPhone，以及 iPad、Acer Iconia、Xoom 等。

有没有一种方法可以检测平板电脑、手机或台式电脑，而不必包括每个品牌和型号？ ( for example as here .)

Answer 1

我建议使用 Modernizr为此。

它在客户端浏览器上使用 Javascript 来检测对所有浏览器功能的支持，包括触摸事件，并为您提供 CSS 类和一个 Javascript 对象，您可以使用它们来调整您的网站以适应用户的浏览器。

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