重定向到移动网站

Question

我已经编写了几行Java脚本代码。 但是我不确定它是否正确。 几个月前，我发布了一个桌面版本的网站。 但是当用户通过移动设备（例如android，iPhone或Windows Phone）访问时，我想重定向一条新路径。 这是代码：

// 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.";
}

这是正确的代码吗？

Answer 1

如果你真的需要检测移动浏览器（而不是使移动友好的响应式布局，如响应模板上Initializr是在移动浏览器只是工程-谷歌为“移动第一”和“响应式设计”为更多的例子），然后取查看以下链接：

• 检测移动浏览器
• 正确检测
• DeviceAtlas
• WURFL-无线通用资源文件
• 移动设备浏览器文件

有大量的移动浏览器-不仅是iPhone，Android和Windows-因此，如果要检测到它们，则需要正确执行。 另请参阅jQuery Mobile ，这是一个很棒的移动框架，可以使您的生活更轻松。

Answer 2

这将起作用，但是由于以下几个原因，它并不是一个好方法：

1. 禁用JavaScript的用户将不会被重定向

2. 移动用户（某些浏览器速度慢且带宽限制严格）将在重定向到移动站点之前下载您的桌面页面。

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

Answer 3

uAgent.indexOf("android") > -1

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

您还忘记了黑莓和Symbian手机。