使用Modernizr检测移动设备最可靠的方法是什么

What is the most reliable way to detect a mobile device using Modernizr?

本文关键字：方法 是什么 Modernizr 检测 移动 使用      更新时间：2023-09-26

我正在开发一个响应式网站，当用户在移动设备上浏览时，我被要求将我们网站上的任何免费电话号码交换为固定电话号码。检测用户是否在使用Modernizr库（或任何其他库）的移动设备上的最可靠方法是什么？

我知道Modernzr.touch和Modernzr.geolocation。当两者结合在一个if(Modernizr.touch && Modernizr.geolocation)语句中时，它们是你是否在移动设备上的一个很好的指标，但iPad会使这两个属性都成立。我不愿意测试设备大小，因为移动设备越来越大！

以前有人解决过这个问题吗？

使用Modernizr API方法Modernizr.mq(str)

示例：

Modernizr.mq('only all and (max-width: 400px)')

我在我的网站上使用这个PHP库：http://code.google.com/p/php-mobile-detect/

我建议使用JavaScript库，因为这意味着在移动设备上要做的处理更少，而且如果没有针对多个设备的条件语句，你的网页代码会更干净。

需要注意的是（如果你想这么称呼的话）你有两个版本的网站需要维护。不过，我自己并不认为这是一个问题，当考虑到维护带有条件语句的网页来决定显示哪些内容时。我的根目录中有一个桌面文件夹和一个移动文件夹。

我只是简单地使用isMobile方法，并忽略其余大部分，但如果您愿意，它可以用于筛选并针对特定的设备类型。

例如用法：

 // Include the mobile detection file.
 require('Mobile_Detect.php');
 // Create new mobile detect object.
 $detect = new Mobile_Detect();
 // Create new browser object
 $browser = new Browser();
 // Check if the client is using a mobile device.
 $mobile = $detect->isMobile();
 ...
 if($mobile) {
     //Load mobile site version
     require('Mobile''index.html');
 } else {
     //Load desktop site version
     require('Desktop''index.html');
 }

在您的情况下，如果您只想更改数字，JavaScript可能是更好的解决方案。这个答案可能更适合那些希望开发一个对移动友好的整个网站的人。

一直在寻找类似的东西，只是尝试了一下，乍一看效果不错。

http://detectmobilebrowsers.com/

相关文章：