HTML 重定向取决于设备类型

Question

我有一个非常简单的网页：

<html>
<head>
<meta http-equiv="Refresh" content="0; url='https://www.website1.com'" />
</head>
<body>
</body>
</html>

与其总是重定向到同一个网站，我想重定向到 website1 或 website2，具体取决于用户是使用移动设备还是计算机上的浏览器。我是前端网络开发的新手，所以如果您能提供任何帮助，我将不胜感激。

谢谢！

Answer 1

你应该使用 Javascript。根据 userAgent 检查设备类型，然后重定向到新网站

<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 // redirects if mobile
 window.location('https://example.com')
} else {
  // redirects if whatever else
  window.location('https://example2.com')
}
</script>

HTML 重定向取决于设备类型

HTML Redirect Dependent on Device Type

html

web-frontend

http-equiv