Como determinar um dispositivo móvel com jQuery (ou JavaScript)?

Olá a todos! Sou um desenvolvedor front-end iniciante e me deparei com a seguinte tarefa: no site, preciso mostrar conteúdo diferente para usuários móveis e desktop. Por exemplo, em telefones, quero remover animações pesadas e substituir o menu desktop por um "hamburger". O problema é que não sei como determinar corretamente se o usuário acessou de um telefone ou tablet. Tentei verificar a largura da janela com `$(window).width()`, mas isso não é confiável — o usuário pode abrir o site no desktop em uma janela estreita do navegador, e então a versão móvel será ativada onde não é necessário. Ou, ao contrário, em um novo iPhone com tela grande, a largura pode ser maior que 1024px, e o site será exibido como desktop. Aqui está um exemplo do meu código, que atualmente não funciona como deveria: ```javascript $(document).ready(function() { if ($(window).width() < 768) { // Mostrar versão móvel $('.desktop-menu').hide(); $('.mobile-menu').show(); } else { // Mostrar versão desktop } }); ```