如何使用jQuery（或JavaScript）检测移动设备？

大家好！我是一名初级前端开发者，遇到了这样一个任务：网站需要为移动端和桌面端用户显示不同的内容。例如，在手机上我想移除沉重的动画，并将桌面菜单替换为“汉堡菜单”。 问题在于，我不知道如何正确判断用户是从手机还是平板访问的。我尝试通过 `$(window).width()` 检查窗口宽度，但这不可靠——用户可能在桌面上用窄浏览器窗口打开网站，这样移动版就会在不该出现的地方启用。或者相反，在新款大屏iPhone上，宽度可能超过1024px，网站会显示为桌面版。 以下是我目前无法正常工作的代码示例： ```javascript $(document).ready(function() { if ($(window).width() < 768) { // 显示移动版 $('.desktop-menu').hide(); $('.mobile-menu').show(); } else { // 显示桌面版