基于浏览器大小的重定向

时间:2017-02-13 18:39:22

标签: javascript url-redirection

我正在尝试根据浏览器大小将我的网站查看器重定向到两个页面中的一个。我希望常规浏览器(和iPad)留在观众正在进入的页面上,例如:

 http://www.testing.com/getstarted.html

但是,如果他们使用的是手机浏览器,假设不到700像素,我希望他们重新定向到此页面:

 http://www.testing.com/mobilegetstarted.html

我尝试在头部区域使用此脚本,但它不会重定向我的手机 - 它只是挂起。有人可以帮我解决这个问题吗?

<script type="text/javascript">
<!--
if (screen.width <= 700) {
document.location = "mobilegetstarted.html";
}
//-->
</script>

我也尝试过以下方式添加网址:
    http://testing.com/mobilegetstarted.html

 http://www.testing.com/mobilegetstarted.html

但这也不起作用。任何线索如何重新直接工作?

加里

1 个答案:

答案 0 :(得分:0)

document.location是只读的。

你应该使用window.location.assign。

所以,请使用:

<script type="text/javascript">
if (screen.width <= 700) {
    window.location.assign("mobilegetstarted.html");
}
</script>