2017-07-29 38 views
0

我有一些奇怪的烦恼与重定向到网站的移动版本。jQuery的窗口大小调整和重定向问题

所以我有两个版本,一个网站如果窗口宽度超过一定数目我重定向..此查询发生在这两个版本

这里是普通版本的查询小:

$(window).bind("load resize", function() { 
    if($(window).width() < 969) 
     { window.location.href = "mobile.php";} 

}); 

和mobile.php我这样的查询:

$(window).bind("load resize", function() { 
      if($(window).width() > 970) 
      {  alert("width = " + $(window).width()); 
        window.location.href = "regular.php"; 
      } 

     }); 

如果我访问所有的罚款,调整大小正常运行在我的笔记本电脑的网站。 但是如果我检查我的iPhone或平板电脑上的网站,它会在两页之间来回跳动?

对于故障排除,我把警报(窗口高度)行放在手机版的代码中。 所以我访问我的手机(和平板电脑)上的regular.php,结果是我重定向到mobile.php并且警报熄灭980? 对我来说这似乎是荒谬的,因为如果宽度是980它甚至不应该得到mobile.php并设置警报...

我不明白这一点吗? 有人吗?

回答

0

你的做法是错误的

这意味着你的网站是没有反应。因为手机的阈值通常不超过420像素到620像素。

我会建议使用另一种方法像要么使移动第一dedign用CSS或者使用PHP来检测用户的代理,操作系统,所以等细节,他重定向到另一页。

为什么我不会推荐的主要原因是性能。

希望您能理解我的话。

FB,Twitter和YouTube使用PHP的方式来实现这一点,因为它是安全的(服务器端),可靠(易于检测和假阳性少)。

+0

谢谢你的建议。我会研究它! (除此之外;任何想法为什么if查询不工作?) –

+0

如果你想在这里发表任何评论,请点击这里。 –