如何使用 JavaScript(或其他)重定向基于客户端浏览器的页面?



今天,我在制作网站时,意识到我的一些脚本和样式无法在旧版本的浏览器上使用所以,我想知道是否可以使用JavaScript检查到底是什么浏览器和浏览器版本,并让它自动重定向到不同的页面?(例如:http://lypi.ml/en-us/browserType?=firefox_1.0.0)谢谢!:)并且列出所有浏览器脚本!

您可能想要的是使用用户代理进行浏览器检测。如果您查看navigator.userAgent,您将能够收集到许多关于当前浏览器的信息。以下是您的浏览器报告:

console.log(navigator.userAgent);

然而,用户代理是嗅探几乎从来都不是答案。引用我以前链接的页面:

注意:值得重新迭代:使用用户代理嗅探很少是个好主意。你几乎总能找到一种更好、更广泛兼容的方法来解决你的问题!

用户代理字符串不可靠且充满谎言。例如,如果我在Chrome 51上运行上面的代码,它的字符串中就有Mozilla。格式一直在切换,不需要浏览器报告准确的信息。实际上,您只是依靠善意从用户代理字符串中获取任何好的信息。

您绝对应该考虑更健壮的方式来处理不同的浏览器。例如,只使用跨浏览器格式编写代码,或者使用许多工具将代码编译为兼容格式。

这段代码有助于

如果浏览器是IE7,自动重定向到谷歌网站。

<!DOCTYPE html>
<html>
<head> 
</head>
<body>
<p id="x"></p>
<script>
var x = document.getElementById("x");
var userAgent = navigator.userAgent;
if(userAgent.indexOf("MSIE 7.0")!=-1)
window.location = "https://www.google.com";
else
x.innerHTML = "Other browsers";
</script>
</body>
</html>

据我所知,有几种重定向方法,但我不确定它们是否真的适用于您。

<script language="javascript">
location.replace("http://www.yournewsite.com");
</script>

<meta http-equiv="refresh" content="1; url=http://www.yournewsite.com">

我真的希望这个或任何人的答案有帮助!祝你度过美好的一天。

与我的答案相关的信息可以在这里找到。

相关内容

最新更新