javascript - 仅使用 html css 和 js 为来自移动设备的请求呈现不同的 html 页面

Question

我想为移动设备和桌面设备呈现不同的第二个 HTML 页面。

由于我的第二个页面有点复杂，所以我决定呈现两个不同的网站。

如何仅使用 HTML、CSS 和 JS 实现这一点？

编辑1 -感谢您的回复。对此页面使用媒体查询很复杂。所以，我正在为移动网站设计一个新页面。问题是，从我的第一页开始，根据设备的宽度，我能否呈现这个不同的页面。我已经在存储库中为此页面创建了一个路由，并且 URL 已准备就绪。因此，根据宽度，点击第一页中的按钮，如果它的宽度大于 Xpx，我应该去网站 X，否则网站 Y . 这是直截了当的。我如何在 JS 中执行此操作？

Answer 1

看看Mobile Detect .

你可以这样使用它:

var md = new MobileDetect(window.navigator.userAgent);
if (md.mobile() || md.tablet()) {
    document.location.href = 'mobile-page.html';
}