Javascript 使用手机访问时加载手机版本，否则加载桌面版本

有人能告诉我，当我通过电话访问某个网站时，我怎么才能调用我的移动版本，当我访问任何比500px大的东西时，我怎么才能调用我的桌面版本

我分别创建了一个移动网站和一个桌面网站。 是否可以使用jQuery检查宽度，然后调用移动版或桌面版

我是这样试的

在我的桌面版本上：

<link rel="alternate" media="only screen and (max-width: 500px)" href="../FolderPath/index.html" >

在我的手机版上：

<link rel="canonical" href="../FolderPath/index.html">

但我认为我完全错了

---

希望有人能帮助我，提前谢谢：）

如果屏幕大小小于500px，您可以使用JavaScript检测屏幕大小，并将用户重定向到移动站点

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

如果（screen.width，您可以使用JavaScript检测屏幕大小，如果屏幕大小小于500px，则将用户重定向到移动站点

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


如果（screen.width我对你的问题投了反对票，因为你的帖子没有显示足够的研究成果。我对你的问题投了反对票，因为你的帖子没有显示足够的研究成果。感谢你，它可以工作：）我也用Javascript尝试过，但无法使它工作，现在我看到了，它很简单，再次感谢你的快速帮助：）谢天谢地，它能用：）我也用Javascript试过，但没能用，现在我看到了，很简单，再次感谢你的快速帮助：）