自动检测手机浏览器(通过用户代理?)

我如何检测用户是否正在从移动网络浏览器浏览我的网站，以便我可以自动检测和显示我的网站的适当版本?

当前回答

是user-agent用于检测手机浏览器。有很多免费的脚本可以检查这一点。这里有一个这样的php代码，它将帮助你重定向移动用户到不同的网站。

其他回答

我最喜欢的移动浏览器检测机制是WURFL。它经常更新，适用于每一个主要的编程/语言平台。

是的，读取User-Agent报头就可以了。

有一些已知的移动用户代理列表，所以您不需要从头开始。当我不得不这样做时，我所做的是建立一个已知用户代理的数据库，并在检测到需要修改的未知数据时存储它们，然后手动找出它们是什么。在某些情况下，最后一项可能太过了。

如果希望在Apache级别上执行该操作，可以创建一个脚本，定期生成一组重写规则，检查用户代理(或者只检查一次，不考虑新的用户代理，或者每月检查一次，取决于您的情况)，例如

RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} (OneMobileUserAgent|AnotherMobileUserAgent|...)
RewriteRule (.*) mobile/$1

例如，将请求移到http://domain/index.html到http://domain/mobile/index.html

如果你不喜欢让脚本定期重新创建htaccess文件的方法，你可以写一个模块来检查用户代理(我没有找到一个已经创建的，但找到了这个特别合适的例子)，并从一些站点获取用户代理来更新它们。然后你可以把这个方法尽可能复杂化，但我认为在你的情况下，之前的方法就可以了。

MobileESP有PHP, Java, APS。NET (c#)， Ruby和JavaScript钩子。它还拥有Apache 2许可证，因此可以免费用于商业用途。对我来说，关键是它只识别浏览器和平台，而不识别屏幕大小和其他指标，这使它保持较小的规模。

可以检查User-Agent字符串。在JavaScript中，这很简单，它只是navigator对象的一个属性。

var useragent = navigator.userAgent;

你可以在JS中检查设备是iPhone还是黑莓

var isIphone = !!agent.match(/iPhone/i),
    isBlackberry = !!agent.match(/blackberry/i);

如果isIphone是真的，你是通过Iphone访问网站，如果是黑莓，你是通过黑莓访问网站。

你可以使用firefox的“UserAgent Switcher”插件来测试。

如果你也感兴趣，可能值得一试我的脚本“redirection_mobile.js”托管在github这里https://github.com/sebarmeli/JS-Redirection-Mobile-Site，你可以在我的一篇文章中阅读更多细节:

http://blog.sebarmeli.com/2010/11/02/how-to-redirect-your-site-to-a-mobile-version-through-javascript/

你考虑过使用css3媒体查询吗?在大多数情况下，你可以为目标设备应用一些css样式，而不必创建一个单独的移动版本的网站。

@media screen and (max-width:1025px) {
   #content {
     width: 100%;
   }
}

你可以设置宽度为任何你想要的，但1025将捕获iPad横向视图。

你还需要在你的头部添加以下meta标签:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

请查看HTML5 Rocks上的这篇文章，了解一些好例子

推荐文章