代码之家  ›  专栏  ›  技术社区  ›  Nate CSS Guy

如何检测移动浏览器并将适当的内容指向它?

  •  6
  • Nate CSS Guy  · 技术社区  · 14 年前

    我已经读到使用用户代理嗅探发送移动浏览器的正确内容是不好的(不建议),所以我想知道最好的方法是什么?

    我使用的是ASP.NET MVC,我已经建立了我的网站,它在桌面浏览器上运行良好,所以我想开始构建一个移动版本。当移动浏览器访问我的网站时,我想使用一组不同的视图,理想情况下,这些视图具有以下属性:

    1. 链接到预缩放图像
    2. 使用最少的javascript
    3. 删除除基本内容以外的所有内容

    我的第一个想法是嗅探用户代理,然后发送一个不同的.css文件,但是如上所述,我已经阅读到这是一个糟糕的方式来做这件事,所以我要你的想法。

    4 回复  |  直到 14 年前
        1
  •  7
  •   Craig Stuntz    14 年前

    用户代理实际上是 HTTP GET 请求,但您应该让其他人维护列表。我们使用 Microsoft Mobile Device Browser File 使用自定义视图引擎的方式与 this Scott Hanselman post .

        2
  •  2
  •   Keith Adler    14 年前

    检测移动浏览器的最佳方法是使用这个奇妙的codeplex项目:

    http://mdbf.codeplex.com/

    有关如何创建目标视图的背景,请阅读以下内容:

    http://www.hanselman.com/blog/MixMobileWebSitesWithASPNETMVCAndTheMobileBrowserDefinitionFile.aspx

        3
  •  1
  •   ChrisF    14 年前

    最简单的方法是使用单独的域“m.yourdomain.com”或“yourdomain.mobi”( Source )这样,您就可以假设用户在移动设备上。

        4
  •  0
  •   Lazarus    14 年前

    虽然我认为不希望通过嗅探浏览器来确定功能,但您应该使用功能嗅探,例如 JQuery.support . 当涉及到实际呈现显著不同的布局时,我认为您必须嗅探浏览器ID并采取相应的行动。