自动检测移动浏览器（通过用户代理？）[关闭]

Question

关闭。 这个问题需要更有针对性。 它目前不接受答案。

---

想改进这个问题？ 更新问题，使其仅通过编辑这篇文章专注于一个问题。

9 年前关闭。

改进这个问题

如何检测用户是否正在通过移动 web 浏览器查看我的 web 网站，以便我可以自动检测并显示我的 web 网站的相应版本？

Answer 1

在 Apache、ASP、ColdFusion、JavaScript 和 PHP 中， Detect Mobile Browser上有开源脚本可以执行此操作。

Answer 2

是的，阅读 User-Agent header 就可以了。

有一些已知的移动用户代理列表，因此您无需从头开始。 当我不得不这样做时，我所做的是建立一个已知用户代理的数据库，并在检测到未知用户代理时存储未知用户代理，然后手动找出它们是什么。 在某些情况下，最后一件事可能有点矫枉过正。

如果您想在 Apache 级别执行此操作，则可以创建一个脚本，该脚本会定期生成一组重写规则来检查用户代理（或者只一次而忘记新的用户代理，或者每月一次，无论您的情况如何），例如

RewriteEngine On

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

例如，这会将对http://domain/index.html的请求移动到http://domain/mobile/index.html

如果您不喜欢让脚本定期重新创建 a.htaccess 文件的方法，您可以编写一个模块来检查用户代理（我没有找到已经创建的，但找到了这个特别合适的示例）并获取用户来自某些站点的代理来更新它们。 然后你可以根据需要使方法复杂化，但我认为在你的情况下，以前的方法就可以了。

Answer 3

只是一个想法，但如果你从相反的方向解决这个问题呢？ 与其确定哪些浏览器是移动的，不如确定哪些浏览器不是？ 然后将您的网站编码为默认为移动版本并重定向到标准版本。 查看移动浏览器时有两种基本可能性。 它要么支持 javascript，要么不支持。 因此，如果浏览器不支持 javascript，它将默认为移动版本。 如果它确实支持 JavaScript，请检查屏幕尺寸。 任何小于一定大小的东西也可能是移动浏览器。 任何更大的东西都会被重定向到您的标准布局。 然后您需要做的就是确定禁用 JavaScript 的用户是否是移动用户。
根据 W3C 的数据，禁用 JavaScript 的用户数量约为 5%，其中大多数用户已将其关闭，这意味着他们实际上知道自己在使用浏览器做什么。 他们在您的听众中占很大比例吗？ 如果没有，那么不要担心他们。 如果是这样，最坏的情况是什么？ 您有那些用户浏览您网站的移动版本，这是一件好事。

Answer 4

以下是我在 JavaScript 中的做法：

function isMobile() {
  var index = navigator.appVersion.indexOf("Mobile");
  return (index > -1);
}

请参阅www.tablemaker.net/test/mobile.html上的示例，其中它将手机上的字体大小增加了三倍。

Answer 5

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

Answer 6

您是否考虑过使用 css3 媒体查询？ 在大多数情况下，您可以专门针对目标设备应用一些 css styles，而无需创建单独的移动版网站。

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

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

您还需要将以下元标记添加到您的头部：

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

在 HTML5 Rocks 查看这篇文章以获得一些很好的例子

Answer 7

适用于ANDROID、IPHONE、IPAD、BLACKBERRY、PALM、WINDOWS CE、PALM

 <script language="javascript"> <!--
     var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
              if (mobile) {
                  alert("MOBILE DEVICE DETECTED");
                  document.write("<b>------------------------------------------<br>")
                  document.write("<b>" + navigator.userAgent + "<br>")
                  document.write("<b>------------------------------------------<br>")
                  var userAgent = navigator.userAgent.toLowerCase();
                  if ((userAgent.search("android") > -1) && (userAgent.search("mobile") > -1))
                         document.write("<b> ANDROID MOBILE <br>")
                   else if ((userAgent.search("android") > -1) && !(userAgent.search("mobile") > -1))
                       document.write("<b> ANDROID TABLET <br>")
                   else if ((userAgent.search("blackberry") > -1))
                       document.write("<b> BLACKBERRY DEVICE <br>")
                   else if ((userAgent.search("iphone") > -1))
                       document.write("<b> IPHONE DEVICE <br>")              
                   else if ((userAgent.search("ipod") > -1))
                       document.write("<b> IPOD DEVICE <br>")
               else if ((userAgent.search("ipad") > -1))
                       document.write("<b> IPAD DEVICE <br>")
                       else
                   document.write("<b> UNKNOWN DEVICE <br>")
              }
              else
                  alert("NO MOBILE DEVICE DETECTED"); //--> </script>

Answer 8

移动设备浏览器文件是检测 ASP.NET 项目的移动（和其他）浏览器的好方法： http://mdbf.codeplex.com/

Answer 9

您可以简单地通过navigator.userAgent检测移动客户端，并根据检测到的客户端类型加载备用脚本，如下所示：

 $(document).ready(function(e) {

        if(navigator.userAgent.match(/Android/i)
          || navigator.userAgent.match(/webOS/i)
          || navigator.userAgent.match(/iPhone/i)
          || navigator.userAgent.match(/iPad/i)
          || navigator.userAgent.match(/iPod/i)
          || navigator.userAgent.match(/BlackBerry/i)
          || navigator.userAgent.match(/Windows Phone/i)) {

         //write code for your mobile clients here.

          var jsScript = document.createElement("script");
          jsScript.setAttribute("type", "text/javascript");
          jsScript.setAttribute("src", "js/alternate_js_file.js");
          document.getElementsByTagName("head")[0].appendChild(jsScript );

          var cssScript = document.createElement("link");
          cssScript.setAttribute("rel", "stylesheet");
          cssScript.setAttribute("type", "text/css");
          cssScript.setAttribute("href", "css/alternate_css_file.css");
          document.getElementsByTagName("head")[0].appendChild(cssScript); 

    }
    else{
         // write code for your desktop clients here
    }

    });

Answer 10

protected void Page_Load(object sender, EventArgs e)
{
    if (Request.Browser.IsMobileDevice == true)
    {
        Response.Redirect("Mobile//home.aspx");
    }
}

此示例适用于 asp.net

Answer 11

您可以检查用户代理字符串。 在JavaScript中，那真的很简单，就是导航器object的一个属性。

var useragent = navigator.userAgent;

您可以在 JS 中检查设备是 iPhone 还是 Blackberry

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

如果 isIphone 为 true，则表示您正在从 Iphone 访问该站点，如果 isBlackBerry，则表示您正在从 Blackberry 访问该站点。

您可以使用 firefox 的“UserAgent Switcher”插件进行测试。

如果您也有兴趣，可能值得查看我在 github 上托管的脚本“redirection_mobile.js” ，此处为 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/

Answer 12

你还没有说你使用的是什么语言。 如果它是 Perl 那么它是微不足道的：

use CGI::Info;

my $info = CGI::Info->new();

if($info->is_mobile()) {
   # Add mobile stuff
}

unless($info->is_mobile()) {
   # Don't do some things on a mobile
}

Answer 13

是的，用户代理用于检测移动浏览器。 有很多免费的脚本可以用来检查这个。 这是一个这样的 php 代码，它将帮助您将移动用户重定向到不同的网站。

Answer 14

我将这个演示与脚本和示例放在一起：

http://www.mlynn.org/2010/06/mobile-device-detection-and-redirection-with-php/

此示例利用 php 功能进行用户代理检测，并提供额外的好处，即允许用户 state 偏好通常不是基于其浏览器或设备类型的默认网站版本。 这是通过 cookies 完成的（在服务器端使用 php 进行维护，而不是 javascript。）

请务必查看文章中的下载链接以获取示例。

希望你喜欢！

Answer 15

MobileESP有 PHP、Java、APS.NET (C#)、Ruby 和 JavaScript 挂钩。 它还具有 Apache 2 许可证，因此可免费用于商业用途。 对我来说关键是它只识别浏览器和平台而不是屏幕尺寸和其他指标，这让它看起来很小。

Answer 16

有一个使用 Zend Framework 的全新解决方案。 从指向 Zend_HTTP_UserAgent 的链接开始：

http://framework.zend.com/manual/en/zend.http.html