JavaScript检测设备：PC或移动浏览器判断

"这篇文章主要介绍了如何使用JavaScript来判断用户是通过手机还是电脑访问网站的方法。JavaScript可以根据浏览器提供的navigator对象中的信息来识别用户的设备类型。" 在网页开发中，有时我们需要根据用户使用的设备类型来提供不同的页面体验，比如手机用户可能需要一个优化过的移动版界面，而电脑用户则可能看到的是标准的桌面版。JavaScript作为一种客户端脚本语言，可以方便地获取到用户浏览器的信息，从而实现这样的设备检测。 以下是一个简单的JavaScript代码片段，用于判断用户是通过手机还是电脑访问： ```javascript // 定义一个系统变量对象 var system = { win: false, mac: false, x11: false }; // 获取浏览器平台信息 var p = navigator.platform; // 检查平台信息 system.win = p.indexOf("Win") === 0; // 如果平台信息包含"Win"，则认为是Windows system.mac = p.indexOf("Mac") === 0; // 如果平台信息包含"Mac"，则认为是Mac system.x11 = (p == "X11") || (p.indexOf("Linux") === 0); // 如果平台信息是"X11"或包含"Linux"，则认为是Linux // 根据设备类型重定向 if (system.win || system.mac || system.x11) { // 如果是电脑（Windows、Mac或Linux） window.location.href = "login.jsp"; // 重定向到电脑版登录页面 } else { window.location.href = "wapLogin.jsp"; // 否则，重定向到手机版登录页面 } ``` 这段代码首先定义了一个名为`system`的对象，用来存储操作系统信息。然后，它通过`navigator.platform`获取用户的操作系统平台，并检查这个字符串是否包含特定的标识符（如"Win"、"Mac"或"Linux"）。根据这些标识符，我们可以确定用户是在使用电脑还是手机。 最后，如果判断出用户是通过电脑访问，代码会将页面重定向到`login.jsp`；如果是手机，则重定向到`wapLogin.jsp`。这种做法通常称为响应式设计的一部分，它有助于确保用户无论使用何种设备都能获得良好的浏览体验。 需要注意的是，这种方法并不是完美的，因为有一些现代设备可能不会报告准确的平台信息，或者使用非标准的浏览器。此外，更推荐使用媒体查询（Media Queries）和前端框架（如Bootstrap）等现代技术来实现响应式布局，而不是单纯依赖于JavaScript检测设备类型。然而，对于简单的应用场景，上述代码仍然是一种有效的解决方案。