防止浏览器重新加载事件的移动检测

Question

我使用wordpress，我有一个域名和一个子域名：mysite.com和m.mysite.com。

当访问者在移动设备上看到我的网站时，我会使用下一个代码块将他重定向到子域名：

<script type=”text/javascript”>
if (screen.width <= 699) {
document.location = “http://m.mysite.com/”;
}
</script>

我为域和子域使用相同的数据库。他们共享帖子数据，但他们有2种不同的设计（jquery mobile for m.mysite.com）。还有一些页面只存在于mysite.com上。

因此，如果访问者从桌面浏览器访问我的网站，请在699像素下调整浏览器大小，重新加载页面，我不想将他重定向到移动子域。做这个的最好方式是什么？谢谢

Answer 1

首先，使用window.location而不是document.location给出Internet Explorer的垃圾设计。然后测试现有域是否已经m.mysite.com

if (screen.width <= 699 && window.location.indexOf('m.mysite.com') < 1) {
    window.location = “http://m.mysite.com/”;
}

这将确保它不会反复重定向。