卡卡网

当用户在移动端访问到PC版网页时，是希望自动跳转到移动端网页的。此前我介绍过在网页上用JS来判断移动端和实现跳转，本文要介绍的是，对于ASP.NET网站 ，如何通过Web.config实现移动端判断并跳转。

实例代码

<system.webServer>
  <rewrite>
  <!--移动端直接跳转到移动h5页面-->
    <rules>
      <rule name="userAgentsRewrite" stopProcessing="true">
        <match url="^Factory$" />
        <conditions logicalGrouping="MatchAll">
          <add input="{HTTP_USER_AGENT}" pattern="Android|Linux|iPhone|iPad|Phone|Mobile|MicroMessenger|micromessenger" />
        </conditions>
        <action type="Redirect" url="/mobile/#/" />       
      </rule>
    </rules>
  </rewrite>
</system.webServer>

代码解释

首先要安装 URL_Rewrite 重写模块，否则 Web.config 里面配置 <rewrite> 是会报错的！

安装 URL_Rewrite 重写模块，很简单，只需下载一个文件，几秒钟安装完毕，参看下文及下载安装文件。

• IIS7 安装url rewrite重写模块【 附下载地址】

上面的配置，是当判定为移动端的时候，XXXX.com/Factory 会跳转到 XXXX.com/mobile/#/。

<match> 是原地址。

<conditions> 是判定条件（只要满足条件，才进行重定向）。

{HTTP_USER_AGENT} 是获取浏览器UA，pattern列举了移动端的UA名称。

<action> 中 type 选 Redirect 时，配置重定向地址。

以上都可以用正则表达式。

总结

本文是从全局来处理重定向问题，通过简单的设置即可实现，无需在各个页面单独设置那么麻烦，所以是一个值得推荐使用的方法。

不过正如前面说的，你需要安装一个URL_Rewrite重写模块，好在安装此模块文件十分简单。

至于rewrite重写规则，你可以参考实例介绍Web.config rewrite规则设置url重写功能这篇文章。

相关文章

• 判断是否移动端设备的JS代码，超短，百度都用它
• [CSS]防止移动端放大屏幕时文字换行溢出的方法
• 纯CSS大气通用移动网页导航菜单【演示/源码下载】
• 非常漂亮的响应式导航栏设计

标签: Web_config  移动端判断  移动端跳转