javascript - 当网站检测到访问者使用手机时，如何自动加载移动页面？

Question

是否有任何特定的脚本/插件可以做到这一点？

我正在考虑创建一个特定的模板/用于此目的的组件。

然后当用户访问站点主页时将被路由到这个特定模板/组件。

如果用户仍想访问完整信息，他们仍然可以直接访问其他桌面版链接。

Answer 1

您可以使用找到的 BrowserDetect 脚本 here检测客户端正在使用的浏览器和操作系统。然后，根据结果，您可以做两件不同的事情:

1. 更改一些重要 DOM 节点上的类以更改页面的外观
2. 更改 window.location 以强制重定向到您网站的基于浏览器的版本。

请务必注意，您在 JavaScript 中找到的任何解决方案都不适用于禁用 JavaScript 的任何人。这种功能最好在服务器端处理(使用 PHP、Ruby、Python 或您的应用程序所用的任何语言)。在服务器端执行此操作有两个明显的优势:

1. 禁用 JavaScript 的用户仍将获得正确版本的网站。
2. 您可以通过将 HTTP 301 重定向返回到正确的位置来避免用户浏览器历史记录中的其他条目。