重定向到移动网站

时间:2012-09-26 12:01:24

标签: javascript navigator

我编写了几行java脚本代码。但我不确定它是否正确。 几个月前我发布了一个桌面版网站。但是当用户通过手机(如Android,iPhone或可能是Windows手机)时,我想重定向一条新路径。这是代码:

// JavaScript Document
var uAgent = navigator.userAgent.toLowerCase();

if(uAgent.indexOf("android") > -1 || uAgent.indexOf("iphone") > -1 || uAgent.indexOf("windows phone") > -1) {
    window.location = "http://website path will come here.";
}

这是正确的代码吗?

3 个答案:

答案 0 :(得分:4)

如果您确实需要检测移动浏览器(而不是制作适合移动设备的响应式布局,例如Responsive template Initializr上的Detect Mobile Browsers即可在移动浏览器上使用 - Google可用于“移动优先”和“响应式设计“更多示例”然后看看这些链接:

的移动浏览器 - 不仅仅是iPhone,Android和Windows - 所以如果您要检测它们,那么您需要正确执行。另请参阅{{3}},这是一个很棒的移动框架,可以让您的生活更轻松。

答案 1 :(得分:4)

这样可行,但由于以下几个原因,这不是一个很好的方法:

  1. 禁用JavaScript的用户将无法重定向

  2. 移动用户(部分浏览器速度较慢,带宽限制较多)会在重定向到移动网站之前下载您的桌面网页。

  3. 如果可能的话,更好的方法是通过Web服务器配置来管理它,理想情况下根本不需要任何重定向。或者,考虑向所有用户提供相同的内容,并使用媒体查询更改布局。

答案 2 :(得分:2)

uAgent.indexOf("android") > -1

Android不仅仅是智能手机的操作系统。它还可以运行在很多平板电脑上,可以轻松处理大多数网站的桌面优化版本。我的一位朋友抱怨说,有些网站只向他的GalaxyTab提供移动版本,即使正常版本在他的10.1英寸屏幕上看起来也不错。

你也忘记了黑莓和symbian手机。