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

Posted 2023-05-09

【中文标题】将移动友好站点重定向到桌面客户端

【英文标题】：redirectng mobile friendly site to desktop client

【发布时间】：2017-02-28 12:17:01

【问题描述】：

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

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

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

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

【参考方案1】：

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

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

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

【讨论】：

这需要输入浏览器名称吗？ IE;资源管理器，火狐，铬？如果是，我会把它们放在哪里？

我试过了，它需要调整，但我认为你的解决方案可能会奏效。我输入了您的编码，我的在移动设备上，它不会解析到页面，但会解析到域，但它确实可以阻止桌面中的移动版本。感谢您的帮助。

这应该适用于所有浏览器。当然你也应该编写代码来重定向到桌面站点。

解决办法是在桌面上使用这个； 和 example.net/page.htm" > 在相应的手机页面上。然后，如果有人复制手机，当他们点击链接时，它会自动变为桌面。至少，这是我假设它的工作原理，因为我把所有的 fb 标签都放在了app id 等谢谢大家的帮助！