如何检测用户使用的是移动、平板还是台式机并重定向它们？

Question

我现在有这个。

<script>
if (navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)
) {
document.location = "B";
} else if (navigator.userAgent.match(/iPad/i)
) {
document.location = "C";
} else {
document.location = "A";
}
</script>

提前感谢您的帮助！

Answer 1

您可以通过使用加载差异显示不同的内容轻松地做到这一点。css，如果不想完全响应。我会使用CSS的@media标记，就像在W3School虚拟示例中一样

@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}

现在，至于你的问题，如果将手机和平板电脑的最大屏幕尺寸设置为一个值，你通常不会在桌面/笔记本电脑上遇到宽度捕捉问题。除新iPad Pro外，99%的平板电脑的售价为10英寸及以下，而手机的售价为6英寸及以下

就我个人而言，我不会用js这样做，因为它在不需要的地方增加了复杂性。但这篇博客文章可能也有帮助。