本文分享一段使用JavaScript判断访问设备类型的简单代码。通过读取navigator.platform属性区分Windows、Mac或Linux系统,进而判断是否为电脑访问。若是电脑则跳转至百度,手机用户则跳转至谷歌,实现了基础的设备分流逻辑。
以上即为完整的代码示例。
JavaScript判断访问设备类型并跳转的示例
具体实现代码如下所示:
首先定义一个空对象 system 用于存储检测结果。
接着获取 navigator.platform 的值并赋值给变量 p,该属性包含客户端操作系统的平台信息。
判断 p 中是否包含字符串 "Win",若索引为0则说明是 Windows 系统,将 system.win 设为 true。
判断 p 中是否包含字符串 "Mac",若索引为0则说明是 Mac 系统,将 system.mac 设为 true。
判断 p 是否等于 "X11" 或者包含字符串 "Linux"(索引为0),若是则说明是 Linux 系统,将 system.x11 设为 true。
通过判断 system.win、system.mac 或 system.x11 任一为真,确定访问设备是否为电脑。
如果确认为电脑访问,则将当前窗口位置重定向至百度首页 http://www.baidu.com/。
若上述电脑条件均不满足,则推断为手机或其他移动设备访问,执行 else 分支逻辑。
将当前窗口位置重定向至谷歌中国首页 http://www.google.cn/。
}