使用Mobile访问时加载移动版本，否则加载桌面版本

Question

当我访问超过500px的所有内容时，有人可以通过电话和我的桌面版网站访问我的电话和网站版本的网站吗？

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

我试过这样的

在我的桌面版上：

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

在我的手机版上：

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

但我认为我完全错了。

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

Answer 1

如果屏幕尺寸小于500像素，您可以使用JavaScript检测屏幕尺寸并将用户重定向到移动网站

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