如何自动重定向到移动站点

Question

如何在我的网站上实现自动重定向到移动网站，当从移动浏览器访问时。我不想创建数据库。

- user238466

---

从用户体验的角度来看，提供一个标题，说“嘿，我们认为你正在手机上查看这个页面。这是我们移动站点的链接”，可能会更好，而不是强制自动重定向。 - hammar

Answer 1

缺少平台信息，很难提出具体建议。一般的建议是匹配 User-Agent 中的某些字符串，识别其为移动浏览器（可能需要多个模式），并生成重定向响应。

编辑：通过谷歌搜索，可以找到这个关于移动设备 User-Agent 字符串的非常全面的页面。可以说，你可能希望将匹配模式列表限制在你特别想针对的设备上，让其他设备回退到你的主站点。

- Marcelo Cantos

Answer 2

通过正则表达式检查用户代理头，以确定它是否是某种移动设备。

在这里查看http://detectmobilebrowser.com/

- mhmd

Answer 3

以下是 Khan Academy 在 Python 中的实现:

def user_agent(self):
    return str(self.request.headers['User-Agent'])

def is_mobile_capable(self):
    user_agent_lower = self.user_agent().lower()
    return user_agent_lower.find("ipod") > -1 or \
            user_agent_lower.find("ipad") > -1 or \
            user_agent_lower.find("iphone") > -1 or \
            user_agent_lower.find("webos") > -1 or \
            user_agent_lower.find("android") > -1

完整的代码可以在https://khanacademy.kilnhg.com/Repo/Website/Group/stable/File/request_handler.py#115找到。

基本上，如果小写的User-Agent请求头包含字符串ipod、ipad、iphone、webos或android，则浏览器是移动设备。一旦您知道请求者是移动设备，您可以重定向到移动url或为移动设备自定义输出。

- Daniel Patru

Answer 4

这个对我有用。试一试：

<script type="text/javascript">
  <!--
  if (screen.width <= 699) {
  document.location = "mobile.html";
  }
  //-->
</script>

将其放置在body标签的下方。

- Brad Ahrens