¿Cómo detectar un dispositivo móvil con jQuery (o JavaScript)?

¡Hola a todos! Soy un desarrollador frontend principiante y me encontré con esta tarea: en el sitio web necesito mostrar contenido diferente para usuarios móviles y de escritorio. Por ejemplo, en teléfonos quiero eliminar animaciones pesadas y reemplazar el menú de escritorio por una "hamburguesa". El problema es que no sé cómo detectar correctamente si el usuario ingresó desde un teléfono o tableta. Intenté verificar el ancho de la ventana con `$(window).width()`, pero esto no es confiable: el usuario puede abrir el sitio en un escritorio con una ventana estrecha del navegador, y entonces la versión móvil se activará donde no es necesario. O al revés, en un nuevo iPhone con pantalla grande, el ancho puede ser mayor a 1024px, y el sitio se mostrará como de escritorio. Aquí hay un ejemplo de mi código, que actualmente no funciona como debería: ```javascript $(document).ready(function() { if ($(window).width() < 768) { // Mostrar versión móvil $('.desktop-menu').hide(); $('.mobile-menu').show(); } else { // Mostrar versión de escritorio