将移动友好站点重定向到桌面客户端

Question

我创建了两个截然不同的网站。一种用于桌面查看，一种用于小型移动设备。都在记事本里。我使用如下脚本将桌面重定向到移动设备；

  if (screen.width <= 760) {
    window.location = "http://m.website.ca/page.htm";
  }

这确保了 ipad 中显示的是桌面版本而不是移动版本。我尝试使用相同的脚本，在移动页面中最大宽度低至 500 以重定向到桌面版本，并创建了一个循环，即不显示任何页面，而是保持刷新，即；桌面到移动，移动到桌面。

现在，我遇到的问题是，如果您在桌面上键入 m.website.ca 地址，它们就会显示出来。我不希望人们看到手机地址。 为了使其无缝运行，有人在社交媒体上接收到带有 m 的链接。地址，如果正在使用桌面客户​​端，我正在尝试让它们加载到桌面。

Answer 1

在重定向之前，您必须通过检查位置的主机名来确保您在错误的站点上：

if (location.hostname !== 'm.website.ca' && screen.width <= 760) {
  window.location = "http://m.website.ca/page.htm";
}

否则，你会得到你所说的无限循环。