移动用户的网页重定向?

时间:2018-01-30 18:51:39

标签: html5 redirect mobile

我有一个网站。我希望任何访问我网站的用户都能被重定向到专为移动设备设计的不同网站。例如:https://m.mywebsite.com

我该怎么办?我认为有很多方法可以做到这一点 1)使用javascript
2)使用php
3)使用元标记
等等

有谁能建议我使用什么?

2 个答案:

答案 0 :(得分:0)

是的,您可以使用javascript检查屏幕宽度

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

如果你想使用子域名这个m.domainname.com,创建子域并放置你的模板

更多

Redirect Mobile Devices

Detecting and Redirecting Mobile Users

答案 1 :(得分:0)

<强>的JavaScript

您可以使用这个小脚本:

<script type="text/javascript">

  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)
    ) {} else {
    self.location = "m.mywebsite.com";
  }

</script>



PHP

我还没有尝试使用服务器端解决方案,但似乎php也能够检索userAgent信息。通过这样做,来自移动平台的用户不必下载与PC版本相关的所有文档,例如大图像。

PHP解决方案看起来与javascript尝试类似,并且会使用

header("location: m.mywebsite.com");

不管

self.location = "m.mywebsite.com";

请参阅:JIRA ticket